公告显示为提示层

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>开始使用layer</title>
<script type="text/javascript" src="http://www.cpw998.com/c9/Public/static/js/lib/jquery.min.js"></script>
<script type="text/javascript" src="http://www.cpw998.com/c9/Public/static/layer/layer.js"></script>
<script>
//弹出一个页面层
//弹出一个页面层
$(document).ready(function(){
	$(".info_title").click(function(){
		ggtitle=$(this).children("#ggtitle").text();
		infoCnt =$(this).siblings(".info_cnt").text();
	  layer.open({
	  type: 1,
	  area: [‘600px‘, ‘360px‘],
	  shadeClose: true, //点击遮罩关闭
	  title:ggtitle,
	  content: ‘\<\div style="padding:20px;">‘+ infoCnt +‘\<\/div>‘
	  });

	});
});

</script>
</head>
<body>

<div class="info_title">ddd<span id="ggtitle">提示标题</span></div>
<div class="info_cnt" style="display:none;"><b>hello word</b></div>
</body>
</html>

  

时间: 2024-12-29 11:25:03

公告显示为提示层的相关文章

基于jQuery的input输入框下拉提示层(自动邮箱后缀名)

基于jQuery的input输入框下拉提示层,方便用户输入邮箱时的提示信息,需要的朋友可以参考下 效果图 // JavaScript Document (function($){ $.fn.extend({ "changeTips":function(value){ value = $.extend({ divTip:"" },value) var $this = $(this); var indexLi = 0; //点击document隐藏下拉层 $(docum

重新定位所有消息提示层

// 重新定位所有消息提示层(当使用dipslay显示隐藏某些HTML层时,由于消息是绝对定位的,所以会出现消息层错位现象) //在最后调用此方法重新定位即可 function resetPos(){  var objs = document.getElementsByTagName('*');  var len = objs.length;  for(var i=0;i<len;i++){   var obj = objs[i];   var div = obj.Eos_Message;   

jquery实现弹出即消失的提示层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc

JS通过设置cookie来控制弹出层,首次打开页面显示弹出层

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>JS通过设置cookie来控制弹出层,首次打开页面显示弹出层,刷新页面不再显示:关闭浏览器重新打开.清除缓存cookie显示.</title&

备忘:如何在输入框中显示灰色提示字体;整个div透明化显示

如何在输入框中显示灰色提示字体? <input type="text" placeholder="邮箱/手机号/淘宝会员名"/> 整个div透明化显示? 1 background-color:gray;/*设置背景色*/ 2 3 border: 1px solid black;/*设置边框*/ 4 5 filter:alpha(opacity=60);/* for IE */ 6 7 opacity:0.9;/* CSS3 standard */

JavaScript动画打开半透明提示层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

发掘ListBox的潜力(三):显示即时提示(Tips)

ListBox显示即时提示(Tips) Listbox内容太长时超出Listbox宽度的部分将无法显示,一种解决方法是让Listbox产生横向滚动条,滚动显示内容(见前面的<发掘ListBox的潜力(一):自动调整横向滚动条宽度 >),另一种方法是让Listbox以Tips的方法显示完整内容.本文要实现的是后一种方式. Tips其实是一个特殊的窗体,类名为:tooltips_class32(在Commctrl(D6)有定义),可使用CreateWindow函数创建:Windows定义了一组以T

鼠标提上去弹出提示层(定位)

希望的效果如图: 网上找了各纯css的 做了下修改: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <style> .logo1{     width:150px;     height:60px;     float:left } a.alt{ positi

ASP.NET 防止重复提交提示层

今天研究了下,其实我希望的很简单,就是有个封装好的提示层,等处理完后,刷新界面时 能自动消失 找了挺久的,找到这个控件还不错 完整Demo地址: http://download.csdn.net/detail/jine515073/7843297 需要的同学可以去下载,例子很简单,一看就懂的