当前位置: 首页 > news >正文

云南省网站建设收费调查报告论文广州seo网络优化公司

云南省网站建设收费调查报告论文,广州seo网络优化公司,平邑县住房和城乡建设局网站,wordpress权限设置方法一、界面预览鼠标放到右边的Tab按钮上#xff0c;文字透明度降低#xff0c;同时一段文字高亮显示#xff0c;效果如下#xff1a;Demo地址#xff1a;http://5thirtyone.com/sandbox/samples/fadefocus/很绚丽的效果幺#xff01;二、实现原理将要高亮显示的文字加上文字透明度降低同时一段文字高亮显示效果如下 Demo地址http://5thirtyone.com/sandbox/samples/fadefocus/ 很绚丽的效果幺 二、实现原理 将要高亮显示的文字加上span段落标记 class”mask”的div 做为遮罩层使此遮罩层位于文字内容之上z-index属性使用Jquery给段落动态添加样式类。 三、HTML代码 div classwrapper ul classentity-results lia classd1 href#Summary/a/li lia classd2 href#Avatar/a/li lia classd3 href#Formats/a/li /ul div classcontent h2 Avatar (2009 film)/h2 div classentity-source img srcimages/avatar.jpg altAvatar poster / p Avatar, also known as James Camerons Avatar, is an American 3-D science fiction epic film written and directed by a hrefhttp://en.wikipedia.org/wiki/James_Cameron James Cameron/a, and was released on December 16, 2009 by 20th Century Fox. The film is co-produced by a hrefhttp://en.wikipedia.org/wiki/Lightstorm_Entertainment Lightstorm Entertainment/a, and span classd1focuses on an epic conflict on Pandora/span, an inhabited Earth-sized moon of Polyphemus, one of three fictional gas giants orbiting a hrefhttp://en.wikipedia.org/wiki/Alpha_Centauri_AAlpha Centauri A/a. On Pandora, human colonists and the sentient humanoid indigenous inhabitants of Pandora, the Navi, engage in a war over the planets resources and the latters continued existence. The films title refers to span classd2an avatar, a representation of a real person in a virtual world/span./p p span classd3The film was released in 2D and 3D formats/span, along with an IMAX 3D release in selected theaters. The film is being touted as a breakthrough in terms of filmmaking technology, for its development of 3D viewing and stereoscopic filmmaking with cameras that were specially designed for the films production./p p Read the rest of the a hrefhttp://en.wikipedia.org/wiki/Avatar_(2009_film)original Wikipedia page about Avatar/a/p div classmask /div /div /div /div entity-results类中显示了Tab按钮每个按钮控制左边文字的透明度段落文字的高亮显示。 entity-source类中有三个段落span Calss分别为d1 d2 d3也就是高亮文字段落。 class”mask”的空div放到最后此Div也就是一个遮罩层。 四、CSS关键代码 .entity-source, .entity-source span.show { position: relative; } .entity-source .mask { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .entity-source span { z-index: 2; } .entity-source span.show { background: #ffc; color: #000; } 类mask中的z-index:1 使得div class”mask” 覆盖在左边文字内容之上。 z-nidex2又使得span段落覆盖在div class”mask”之上。从而显示实现了段落文字高亮显示。 五、Jquery代码 jQuery(document).ready(function($) { // mask source 控制mask的动画效果 var maskSource jQuery(.mask); jQuery(.entity-results).hover(function() { maskSource.animate({opacity:0.7},1).fadeIn(750); }, function() { maskSource.fadeOut(1000); }); // match hover 控制段落的高亮显示 var sample1 jQuery(span.d1); var sample2 jQuery(span.d2); var sample3 jQuery(span.d3); jQuery(a.d1).hover(function() { sample1.addClass(show);//给段落添加类 }, function() { sample1.removeClass(show); //移除段落类 }); jQuery(a.d2).hover(function() { sample2.addClass(show); }, function() { sample2.removeClass(show); }); jQuery(a.d3).hover(function() { sample3.addClass(show); }, function() { sample3.removeClass(show); }); }); 动画函数animate(params, [duration], [easing], [callback]) Params一组包含作为动画属性和终值的样式属性和及其值的集合 duration (可选)种预定速度之一的字符串(slow, normal, or fast)或表示动画时长的毫秒数值(如1000) easing (可选)要使用的擦除效果的名称(需要插件支持).默认jQuery提供linear 和 swing. callback (可选)在动画完成时执行的函数 淡入效果函数fadeIn(speed, [callback]) Speed三种预定速度之一的字符串(slow, normal, or fast)或表示动画时长的毫秒数值(如1000) callback(可选)(Optional) 在动画完成时执行的函数  淡出效果函数fadeOut解释同fadeIn
http://www.sadfv.cn/news/168484/

相关文章:

  • 春播网站是谁做的网站开发的技术难点
  • 网站 目录 结构网站建设交印花税
  • 西安建设网站平台百度官网下载电脑版
  • 网站建设先进怎么给自己的网站做扫描码
  • 网站后台免费模板网址导航2345
  • 南京网站排名优化费用商业网站建设设计装饰
  • 美丽寮步网站建设高性能电商主页设计
  • 漂浮广告网站小程序开发是前端还是后端
  • 网站建设构架服务器ip做网站
  • 1高端网站建设wordpress样式错乱
  • 广州seo网站优化培训现在什么类型网站没有人做
  • 在百度上建网站怎么建设我国市级网站建设分析模板
  • 云南网站建设电话苏州集团网站建设
  • 网站建设2种账号体系外贸营销推广的手段
  • 做网站图片代码怎么居中网络营销与直播电商专业介绍
  • 为什么做这个网站项目网站设计是用ps做图吗
  • 山东省住房与城乡建设厅网站怎么做营销
  • wordpress 后台很慢网站建设和网络优化
  • 杭州网站建设中心门户网站建设哪里有
  • 网站对接微信接口做静态网站选用什么服务器
  • 网站开发用原生网站开发公司哪里寻找客源
  • 网站建设的风险识别无代码开发平台什么意思
  • 电商网站运营团队建设方案模板wordpress菜单选项如何链接
  • 网站作品怎么做链接网络公司除了建网站
  • 网站备案查询怎么做网页的欢迎页面
  • 个人网站 备案 广告锦州seo推广
  • python网站开发案例dw制作简单网站模板
  • 做展示型网站便宜吗官方网站下载钉钉
  • 上海闵行做网站的公司济南网站排名推广
  • 龙岗网站建设定制开发做阿里巴巴网站费用