有些朋友觉得网站上的图片一成不变的没有感觉(包括本人在内),总想给图片加点特效什么的。今天本文就为大家分享这个“鼠标滑过图片变淡代码”,具体效果请看本站网页上的图片。
现在zblog分为zblogasp和zblogphp两个版本,这个代码在两个版本都通用,但是调用方法不太一样,给大家详细说明下:
先上代码:
<script type="text/javascript"> $(function () {$('img').hover(function() { $(this).fadeTo("fast", 0.8);}, function() {$(this).fadeTo("fast", 1);});});</script>
先来说zblogphp的调用方法:
把这个代码加入到header.php文件里面,放置到</head>前面就行。然后刷新下后台,前台就可以看到效果了,非常简洁方便。
zblogasp则不能直接调用,必须新建一个js文件,复制下面代码:
$(function () {$('img').hover(function() { $(this).fadeTo("fast", 0.8);}, function() {$(this).fadeTo("fast", 1);});});
js名字自己定义,举例我保存为tupian.js,js文件放在主题文件夹内的SCRIPT文件夹里面,然后在header.html里面加入“<script src="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/script/tupian.js" type="text/javascript"></script>”放置到</head>前面就行,然后文件重建,前台就可以看到效果了。
相关推荐
- 支付宝支付后异步通知页面提示”支付签名校验失败,请联系管理员!“的原因和解决方法05-08
- zblog登录后台一直提示验证码错误的原因和解决方法03-01
- zblog使用api提交post数据提示419错误的原因和解决方法02-23
- vue3项目引入vant报错的错误原因和解决办法03-12
- zblog怎么截取指定字数的摘要?zblog摘要自定义截取方法介绍02-29
- 微信支付JSPAI调起支付后提示“该订单已过期,请重新下单”的解决办法06-11
- 宝塔一键迁移提示“连接服务器失败”的原因和解决办法05-16
- 微信小程序报错:operateWXDataForAd:fail的原因和解决办法05-14
- php保存添加bom头的txt文件和读取时去除txt的bom头05-02
- 小程序使用mp-html组件后输出空白的原因和解决办法04-08
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1天兴工作室多语言翻译插件 自动翻译多达12种语言 适合外贸站点06-23
- 2有道云翻译获取appid和seckey的详细步骤和截图06-22
- 3支付宝支付后异步通知页面提示”支付签名校验失败,请联系管理员!“的原因和解决方法05-08
- 4阿里云oss配置项获取步骤截图,包含ID和Secret、区域节点Endpoint、存储空间Bucket和资源访问域名04-14
- 5zblog登录后台一直提示验证码错误的原因和解决方法03-01
- 6zblog使用api提交post数据提示419错误的原因和解决方法02-23
- 7天兴工作室2025年春节放假公告01-25
- 8天兴用户中心插件“微信通知”功能设置教程11-09
- 9阿里云2024双11活动推荐 通过本站链接参与另外赠送本站代金券11-05
- 标签聚合
- ×8zblog教程×1主机×5唐世军×1vue跨域×3ssl×1小伢×5天兴用户中心×2zblogseo×1你的用户名不存在×1最热文章×1免费模板×2文章列表×5zblog2.0×1iconfont×2版权保护×1分类过滤×2刷机教程×1NOBIRDArticleSEO×1装修网站×5自适应
最新评论
-
访客111
总之不是免费的午餐,不走某Z模式,难发展 评论于:关于zblog版权的说明
-
天兴工作室
并没有任何限制 -
访客
请问 zblog淘客主题 对使用者的要求是必须是企业吧? -
阿浩
大佬们,丢几个除了作者以外的演示站,我想看看大家的布局设置 -
有趣生活
一直想开发zblog的功能,zblog的敷在不知道够够不够
有 6 位网友评论:
雨夜 11年前 (2014-05-10) 回复
你的代码样式怎么弄的,我想弄成这样的,比较好看。
雨夜 11年前 (2014-05-10) 回复
不需要了,谢谢,知道什么原因了。
雨夜 11年前 (2014-05-09) 回复
还有第三种方法,比我网站用的是css方法。举例:img:hover{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}就可以实现了,不需要js实现。还有你的网址必须要加http://,要不提示下,php版本要完善的,呵呵。
天兴工作室 11年前 (2014-05-09) 回复
恩 用css当然是最好的办法,你的这段css在浏览器的支持性方面如何?我去测试下,支持性好就用css算了,网址要加http://这个确实是个问题,要去跟开发者们反馈下
雨夜 11年前 (2014-05-09) 回复
至于http://我的解决方案是点击输入框自动输入http://的方式,用:onfocus="this.value='http://';"的方法,
天兴工作室 11年前 (2014-05-09) 回复
这也是个办法额,其实浏览器地址栏输入http://与否根本不影响什么的,zblog这额个限制有点搞人