前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >利用jquery实现图片显隐特效

利用jquery实现图片显隐特效

作者头像
HHTjim 部落格
发布于 2022-09-26 03:58:50
发布于 2022-09-26 03:58:50
4.4K0
举报
文章被收录于专栏:HHTjim'S 部落格HHTjim'S 部落格

利用jquery实现图片显隐特效

作者:matrix 被围观: 1,743 次 发布时间:2011-08-05 分类:Wordpress 兼容并蓄 | 2 条评论 »

这是一个创建于 4044 天前的主题,其中的信息可能已经有所发展或是发生改变。

小站有个图片显隐效果是利用jquery做出来的.

利用jquery可以做很多特效:滑动菜单、图片幻灯...

首先需要在header.php中加载jquery,可以使用外链也可以内链。

外链可以利用google为我们提供的JS库,据说可以提高js加载速度,格式如下:

<script type="text/javascript" src="//jqueryjs.googlecode.com/files/jquery-1.2.3.min.js"></script>

内链格式为:

<script type="text/javascript" src="<?php bloginfo('stylesheet\_directory'); ?>/js/jquery.min.js" ></script>

然后再在header.php中添加即可:

<script type="text/javascript">

来自:http://zmingcx.com/using-jquery-to-achieve-picture-was-hidden-effects.html

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
完善lazyload懒加载图片渐显特效
作者:matrix 被围观: 3,367 次 发布时间:2013-09-03 分类:Wordpress 兼容并蓄 | 无评论 »
HHTjim 部落格
2022/09/26
6550
完善lazyload懒加载图片渐显特效
用BACKSTRETCH实现定时自动切换背景
作者:matrix 被围观: 2,616 次 发布时间:2013-10-09 分类:Wordpress 兼容并蓄 零零星星 | 2 条评论 »
HHTjim 部落格
2022/09/26
6460
用BACKSTRETCH实现定时自动切换背景
添加鼠标滑过图片闪烁的js特效-jquery-opacity-rollover
作者:matrix 被围观: 1,771 次 发布时间:2013-09-20 分类:Wordpress 兼容并蓄 | 无评论 »
HHTjim 部落格
2022/09/26
2.5K0
添加鼠标滑过图片闪烁的js特效-jquery-opacity-rollover
幻灯片jQuery插件Orbit 介绍(附添加到WordPress教程)
这年头,几乎常规的网站都有幻灯片;没有反而显得不高档了。今天介绍一个图片滑动幻灯片jQuery 插件,名字叫 Orbit,自定义功能很强大却是轻量级(仅仅4kb 左右)。接下来介绍一下并提供个添加到W
Jeff
2018/01/19
2.4K0
幻灯片jQuery插件Orbit 介绍(附添加到WordPress教程)
WEB入门之十八 动画特效
动画特效是JavaScript在Web前端能发挥的巨大优势之一,也是最吸引用户的地方。但是直接使用JavaScript进行动画特效开发比较困难,特别是一些较复杂的动画特效,动辄就需要写百十行的代码,效率低、浏览器兼容性的问题也难以处理。
用户9184480
2024/12/13
930
WEB入门之十八  动画特效
EMlog实现分页Ajax无限加载功能:jquery.ias.js
带算为自己模版添加上ajax无限加载功能,虫子在百度找了好一阵子,才找到合适的ajax翻页功能。Infinite AJAX Scroll通过很简单的设置,就可以让Emlog支持分页Ajax无线加载功能。 
用户8099761
2023/05/10
8320
基于JQuery实现的图片拖拽缩放特效
给大家分享一个基于JQuery实现的图片拖拽缩放特效,效果如下: 实现代码如下,欢迎大家复制粘贴。 <!DOCTYPE html> <html> <head> <meta http-equi
越陌度阡
2020/11/26
5.4K0
基于JQuery实现的图片拖拽缩放特效
给wordpress添加title属性的鼠标气泡悬浮窗
作者:matrix 被围观: 21,653 次 发布时间:2013-09-26 分类:Wordpress 兼容并蓄 | 14 条评论 »
HHTjim 部落格
2022/09/26
9440
给wordpress添加title属性的鼠标气泡悬浮窗
jQuery1.jQuery简介及使用2.jQuery语法3.jQuery选择器4,jQuery 事件函数及效果显示
jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。(write less,do more.)
Python攻城狮
2018/08/23
2.3K0
jQuery1.jQuery简介及使用2.jQuery语法3.jQuery选择器4,jQuery 事件函数及效果显示
两款 Js 插件为你的网站添彩
在网页中合理的利用一些特效能带给人眼前一亮的感觉。今天给大家分享两款很有意思的 Js 特效插件。 输入框打字冒光特效 这款特效本博客也在使用,也有很多人问过是怎么实现的。具体的效果请看 G
夏时
2018/06/26
1.2K0
jQuery基础--基本概念
js库:把一些常用到的方法写到一个单独的js文件,使用的时候直接去引用这js文件就可以了。(animate.js、common.js)
eadela
2019/09/29
8380
JQuery之图片懒加载
由于现在很多的网站都带有大量的图片,而图片的加载又会特别的慢,特别是在移动端,懒加载就显的特别重要了,说白了就是按需加载,用户要看到哪里就显示哪里,下面来记录一下懒加载的基本实现步骤!
越陌度阡
2020/11/26
4.6K0
鼠标点击网页出现爱心特效
将以下代码添加到footer.php里即可(其他网站同理,放在网站页面的页头或页脚)
AlexTao
2019/12/12
3.9K0
为WordPress加入Fancybox相册功能免插件实现
可以在js里面建个相应文件夹放置,也可分开放置,若图片与其他文件分开记得修改css里面的图片链接地址。
WindCoder
2018/09/20
1.1K0
为WordPress加入Fancybox相册功能免插件实现
图片时载入的渐显特效JQuery
作者:matrix 被围观: 4,685 次 发布时间:2011-10-01 分类:Wordpress 兼容并蓄 | 2 条评论 »
HHTjim 部落格
2022/09/26
16.7K0
图片时载入的渐显特效JQuery
为你的站点加上“懒加载”——提高用户体验&节省流量
通常来说,一个正常web页面是由图片和文字以及各种CSS,JS构成,而这其中,拖慢网速的罪魁祸首就是图片。懒加载即将页面中的图片分布加载,边浏览边加载,从而减轻服务器压力以及减轻流量的浪费。
神无月
2018/05/11
2.6K2
为你的站点加上“懒加载”——提高用户体验&节省流量
为你的站点加上“懒加载”——提高用户体验&节省流量
简介 通常来说,一个正常web页面是由图片和文字以及各种CSS,JS构成,而这其中,拖慢网速的罪魁祸首就是图片。懒加载即将页面中的图片分布加载,边浏览边加载,从而减轻服务器压力以及减轻流量的浪费。 LazyLoad lazyload.js简介 Lazy Load是一个用js编写的jQuery插件,用来实现图片的延迟加载。只有在浏览器可视区域的图片才会被加载,没有滚动到的区域img标签上会有一个占位图片,而真实图片不会被载入。当页面比较长,图片比较多的时候,延迟加载图片可以加快页面加载速度,在某些情况下降低
神无月
2018/06/25
1.7K2
WordPress整合Highslide JS 灯箱效果
作者:matrix 被围观: 1,434 次 发布时间:2013-09-25 分类:Wordpress 兼容并蓄 | 2 条评论 »
HHTjim 部落格
2022/09/26
9550
WordPress整合Highslide JS 灯箱效果
迅雷快传-下载面板
作者:matrix 被围观: 2,636 次 发布时间:2013-02-11 分类:兼容并蓄 | 无评论 »
HHTjim 部落格
2022/09/26
5410
迅雷快传-下载面板
纯代码给你的网站增加图片灯箱效果,增强落地页体验
灯箱效果是我一直想加又没有加的功能,正好最近百度在推移动落地页检测,顺手做一下优化
沈唁
2019/05/22
6.9K2
纯代码给你的网站增加图片灯箱效果,增强落地页体验
推荐阅读
相关推荐
完善lazyload懒加载图片渐显特效
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文