有些朋友觉得网站上的图片一成不变的没有感觉(包括本人在内),总想给图片加点特效什么的。今天本文就为大家分享这个“鼠标滑过图片变淡代码”,具体效果请看本站网页上的图片。
现在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>前面就行,然后文件重建,前台就可以看到效果了。
相关推荐
- vue3项目引入vant报错的错误原因和解决办法03-12
- zblog怎么截取指定字数的摘要?zblog摘要自定义截取方法介绍02-29
- 51.la统计的js文件被劫持了会跳转违法网站09-27
- 微信支付JSPAI调起支付后提示“该订单已过期,请重新下单”的解决办法06-11
- 宝塔一键迁移提示“连接服务器失败”的原因和解决办法05-16
- 微信小程序报错:operateWXDataForAd:fail的原因和解决办法05-14
- php保存添加bom头的txt文件和读取时去除txt的bom头05-02
- 小程序使用mp-html组件后输出空白的原因和解决办法04-08
- zblog获取全部分类列表函数GetCategoryList的参数和使用方法介绍说明03-30
- emlog通过分类id获取指定分类的标题链接等数据03-20
- 小皮面板(phpstudy)提示No input file specified的原因和解决办法03-07
- zblog获取当前页面的标题/链接/ID等属性02-02
- windows+phpstudy+Apache设置允许跨域请求的方法01-09
- 网站使用宝塔面板服务器cpu占用100%排查方法和解决方案01-04
- zblog应用中心如何开发票?在zblog应用中心购买应用后开发票流程11-29
- zblog模板文章发布时间格式详细说明11-23
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1天兴工作室官网购物活动:全场8折优惠券 不限次数不限金额04-17
- 2天兴工作室zblog纯博客主题 vue3+小程序双版本03-19
- 3vue3项目引入vant报错的错误原因和解决办法03-12
- 4天兴工作室zblog百科主题 可搭配会员插件实现知识付费盈利03-06
- 5zblog怎么截取指定字数的摘要?zblog摘要自定义截取方法介绍02-29
- 6天兴工作室2023双11活动:五折优惠券大放送11-05
- 7腾讯云2023双11活动:2H2G3M轻量服务器88一年限新用户11-05
- 8新老同享 阿里云2023双11活动:2核2G3M带宽云服务器99元/年!10-31
- 9天兴工作室zblog免登录付费阅读插件 支持支付宝微信支付虎皮椒支付10-09
- 标签聚合
- ×1ytcms下载×1emlog自媒体模板×1一天×1笑话模板×1订单过期×1小熙博客×1include×1zblog账号×1下拉导航动画×1会员系统×1顶级分类×1zblog模板开发×1搜索×1缩略图变形×1emlog6.0×1资源类模板×1装修网站×1ppt模板×1mip模板×1全新改版
最新评论
-
天兴工作室
03-21对的,下个版本会修复 -
访客
03-20此模版多张并排图片,不管点哪张图,都显示第一张,且没有轮播按钮,只能手动关闭。 系统:win7+火狐浏览器 -
天兴工作室
01-19没听懂 你是要批量创建分类?这是插件的事情主题不会考虑的 -
访客
01-18分类一个一个设置太麻烦了。能不能在主题设置里添加对分类的设置。 -
天兴工作室
01-16没太理解你的需求,麻烦联系我们的在线qq2076496616提供订单号详细说明下需求
有 6 位网友评论:
雨夜 10年前 (2014-05-10) 回复
你的代码样式怎么弄的,我想弄成这样的,比较好看。
雨夜 10年前 (2014-05-10) 回复
不需要了,谢谢,知道什么原因了。
雨夜 10年前 (2014-05-09) 回复
还有第三种方法,比我网站用的是css方法。举例:img:hover{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}就可以实现了,不需要js实现。还有你的网址必须要加http://,要不提示下,php版本要完善的,呵呵。
天兴工作室 10年前 (2014-05-09) 回复
恩 用css当然是最好的办法,你的这段css在浏览器的支持性方面如何?我去测试下,支持性好就用css算了,网址要加http://这个确实是个问题,要去跟开发者们反馈下
雨夜 10年前 (2014-05-09) 回复
至于http://我的解决方案是点击输入框自动输入http://的方式,用:onfocus="this.value='http://';"的方法,
天兴工作室 10年前 (2014-05-09) 回复
这也是个办法额,其实浏览器地址栏输入http://与否根本不影响什么的,zblog这额个限制有点搞人