新闻中心

zblog设置鼠标滑过图片特效

作者 / 无忧主机 时间 2015-12-30 16:11:33

相信每一位php空间站长朋友在建设和运营自己的网站的时候,肯定都会希望自己的网站建设的时尚富有特色。像无忧主机小编我个人就不是很喜欢那种全部是静态的,没有交互式设计的网站,这种网站访问起来会有一种千篇一律,非常的死板的感觉,而是偏向于那些在网站中有交互式设计,很动感的网站,这种网站往往更加的能够吸引访问者,提升网站的流量。所以无忧主机小编经常会在网上的各大论坛里学习借鉴各种优秀实用的交互式设置。前段时间无忧主机小编就在跟朋友交流的时候发现了一个蛮实用的交互式设置——zblog程序鼠标滑过图片特效。这个特效就是访问者在访问的时候用鼠标滑过图片,图片就会慢慢的变淡,透明化,整体呈现的效果是蛮不错的,所以现在小编就拿出来和大家以前分享一下设置的方法。 这个鼠标滑过图片的特效呢,小编是通过设置js代码实现的,操作的方法也是十分的简单易学。首先我们要编辑一段js代码,代码格式如下所示“

<script type="text/javascript">
$(function () {$('img').hover(function() {
$(this).fadeTo("fast", 0.8);},
function() {$(this).fadeTo("fast", 1);});});</script>
代码编辑好了之后我们在找到header.php这个文件,用网页编辑工具将其打开,把上面的代码复制到这里面的</head>标签的前面,保存数据,刷新一下缓存就可以实现了,非常简单实用哦。 无忧主机相关文章推荐阅读: ZBLOG主题修改方法 ZBLOG必备插件YTCMS插件介绍 ZBLOG首页的分页条实现调用不同模板的方法

本文地址:https://www.51php.com/zblog/21232.html

1
1
1
1
1
1
1

客户服务热线

0791-8623-3537

在线客服