`
wangshaofei
  • 浏览: 282354 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

气泡样式的写法

阅读更多

function fillNoticeTable(jsoni)
{	
	var cloneTr = $("#firstTr:first").clone(true);
	$("#noticeListTable").append(cloneTr);
	cloneTr.show();
	//画的时候需要画样式。
	//消息通知详情
	var noticeInfo = jsoni.noticeContent;
	var fullNoticeInfo = noticeInfo;
	if(jsoni.noticeContent.length>10){
		noticeInfo = noticeInfo.substring(0,10)+"...";
	}
	cloneTr.find("td").eq(0).html(jsoni.noticeMode).attr("id","noticeMode"+jsoni.noticeId+'').end()
		.eq(1).find("div").html(fullNoticeInfo).end()
			.find("a").html(noticeInfo).attr("id","noticeContent"+jsoni.noticeId+'').end()
			.mouseover(function(event){
				//alert(event.clientX);
				var paopao = $(this).find('div.fullC');
				paopao.show();
				paopao.css('position','fixed');
				paopao.css('left',event.clientX);
				paopao.css('top',event.clientY);
				paopao.css('background-color','#D8E8F1');
				paopao.css('border-style','solid');
				paopao.css('border-width','1px');
				paopao.css('border-color','black');
			})
			.mouseout(function(){
				$(this).find('div.fullC').hide();
			})
		.end()
		.eq(2).html(jsoni.createTime).end()
		.eq(3).addClass('noticeCheckbox').find("input").val(jsoni.noticeId).attr('checked',null)
		.attr('name','checkboxNotice').end().end();
}
 
0
0
分享到:
评论

相关推荐

    Vue iview tree+poptip 鼠标移动使用气泡显示完整文字

    在Vue.js框架中,Ivew UI库是一个广泛使用的组件库,它提供了许多美观且功能丰富的组件,如Tree(树形组件)和Poptip...在实际应用中,你可以根据项目需求对这个示例进行调整和扩展,例如增加自定义样式、交互效果等。

    css常用浮出层的写法及实例

    浮出层,也称为提示框或气泡提示,在网页设计中是一种常见的交互元素,用于提供额外的信息或操作提示。在CSS中实现浮出层通常涉及到定位、边框、阴影以及特殊形状的创建,以实现带有尖角的效果。下面将详细解释如何...

    study_scattered

    正则表达式圣诞H5 + JS + CSS3实现圣诞情缘svg_tooltip SVG实现工具提示气泡效果callback某些函数的写法intervalAndTimeout setInterval和setTimeout的用法mobileCapture手机捕获系统替代设备html2image页面中的某个...

    CSS3实现大小不一的粒子旋转加载动画

    代码片段中的第11行和12行定义了这个动画,`-webkit-animation` 是针对Webkit内核浏览器的兼容性写法,而`animation` 是标准的CSS3动画属性。`load3`是关键帧动画的名称,`1.3s`表示动画的总时长,`infinite` 表示...

    超实用的jQuery代码段

    10.16 在列表框上添加气泡提示 10.17 在列表框上添加自定义按钮 10.18 为列表添加自定义的缩略图图标 10.19 创建列表日历的效果 10.20 动态创建listview列表项 10.21 动态加载和切换页面 10.22 在页面切换时显示加载...

    《浩海网络多格式播放器》V3.9.4.1

    V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,...

    《OceanX》播放器 Prv0.3

    V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,...

    《浩海网络多格式播放器》V3.9.4.4

    V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,...

    《OceanX》播放器 Prv0.33

    V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,...

    《浩海网络多格式播放器》V3.9.4.5

    V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,...

    《OceanX》播放器 Prv0.34

    V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,...

Global site tag (gtag.js) - Google Analytics