-
微博,QQ空间图片预览,图片旋转的JS代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:100
经常在听到有朋友问起QQ空间的图片预览效果该如何实现,问得人多了,我们感觉有必要给大家说明一下实现过程, 当点一下略缩图时,就可以放大当前图片,并且图片的上面,会出现三个功能按钮:左旋转、右旋转、全屏预览。 点了以后,图片会相应作出变化。注[详细]
-
jQuery平滑的图片滚动代码,带按钮、可控制
所属栏目:[Asp教程] 日期:2018-08-18 热度:89
jQuery 平滑的图片滚动代码,带按钮。可以控制的图片滚动,每点击一次控制按钮,图片就向下滚动一组照片,照片可以加说明文字,引入了jquery,使图片滚动效果更平滑。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增[详细]
-
鼠标在图片上悬停,显示文字说明的代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:68
一个纯粹的CSS代码效果,用CSS实现文字提示,鼠标在图片上悬停,会显示出文字说明,其实也不是太难实现的效果,希望对CSS初学者带去一些知识技巧。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/[详细]
-
JavaScript实现图片预加载,有清除缓存功能
所属栏目:[Asp教程] 日期:2018-08-18 热度:187
Java Script实现图片预加载,有清除缓存功能。如lightbox方式展现照片,无疑需要提前获得大图的尺寸,这样才能居中定位,由于javascript无法获取img文件头数据,必须等待其加载完毕后才能获取真实的大小然后展示出来,所以lightbox显示的图片的速度体验要[详细]
-
jQuery单击按钮动态加载图片效果代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:197
jQuery 单击按钮动态加载图片效果代码,通过标题就可以看明白了,这是一个简单的例子,尽管实际应用性不强,但是挺有趣的,有时间和兴趣的朋友不妨研究一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演[详细]
-
jQuery延迟加载,当用到图片时才加载,只加载当前屏幕的图片
所属栏目:[Asp教程] 日期:2018-08-18 热度:146
jQuery 延迟加载,当用到图片时才加载,只加载当前屏幕的图片。也就是当拖动IE的滚动条时,下面的内容才会被加载,先获取窗口高度、判断图片是否到一半,滚动刷新、遍历、获取当前img URL地址等。 拖动网页的滚动条,慢慢看一下图片的变化,当你把滚动条拖[详细]
-
一个非常简单的JS幻灯、图片切换轮播代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:171
一个非常简单的JS幻灯、图片切换轮播代码。也就是大家经常见到的JS图片切换特效,我做的第一个JS组件,纯 Java Script实现的,没有借用 jQuery ,是去年底写的. 现在看看, 代码结构混乱, 所谓颗粒化基本没有,纯为练习之作, 然望大家多多指点。 演示: !Do[详细]
-
仿迅雷图片的被动加载效果,兼容性不太好
所属栏目:[Asp教程] 日期:2018-08-18 热度:168
Java script实现的页面图片被动加载类,在使用前用1像素图像进行占位,并给img tag 添加 自定义bigsrc属性 ,当有图片进入可视区域内时,载入图片,提高页面载入速度,节省不必要的流量和连接数,x轴滚动加载功能未被实现。主函数获取其他脚本注册到window[详细]
-
鼠标经过放大图像,JS浮动层放大图像
所属栏目:[Asp教程] 日期:2018-08-18 热度:175
鼠标经过图像后弹出一个浮动层然后放大该图像,基于 Java Script的一个实现。需要事先准备好被放大的图片和缩略图,程序加载完图像后才能看到效果,这也是一个不完美的地方,仅供参考学习。 演示: htmlheadtitle鼠标经过弹出浮动层,放大图像/titlescript[详细]
-
JS放大镜,移动放大镜,JavaScript图片放大代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:165
JS放大镜, Java Script图片放大代码,JavaScript妙味课堂的一个作品,通过查看效果我们就可以了解到这样的效果不是一般水平可以实现的!的确,这是来自妙味课堂的一个小作品,具体效果大家自己看吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
JavaScript动态放大、缩
所属栏目:[Asp教程] 日期:2018-08-18 热度:76
Java Script动态放大图片,缩小图片,重置图片大小,为了加快效果演示,这里远程调用了一张像素比较小的图片,实际运用中你可根据需要选用。 演示代码: htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
仿QQ空间黑色图片展示,上下一张,关闭按钮
所属栏目:[Asp教程] 日期:2018-08-18 热度:109
仿QQ空间黑色图片展示效果,这是作者起的名字,其实烈火小编觉得这更像是一些门户网站的图片频道图片新闻展示效果,点击缩略图后动态弹出大图上,下边还有上一张、下一张按和关闭按钮,如此强大的效果竟然都是 Java Script实现的,并没有借助 jQuery 代码[详细]
-
图片分割切换效果,基于jQuery插件
所属栏目:[Asp教程] 日期:2018-08-18 热度:118
图片分割切换,使用了 jQuery 技术,有div0-4 容器,放置于四角,然后你可以复制四个,放入四个容器,置于四角,然后移动。相对普通的图片切换,这种切换过渡的方式可能会让浏览者更新鲜一些。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要[详细]
-
鼠标经过图片放大和图片变清楚效果,Js代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:90
鼠标经过图片放大和图片变清楚效果,Js代码。本JS特效包含两种效果,一种是鼠标经过图片放大效果,另一种是鼠标经过图片变清淅的效果,两种效果都挺实用,欢迎大家学习使用。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]
-
仿淘宝网上下翻滚的图片切换特效代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:194
仿淘宝网的幻灯片代码,上下滑动切换的效果,经常去淘宝购物的朋友肯定见到过!这不,前天有一个新手站长朋友联系烈火小编说想要这样的效果,于是整理出来给大家学习和研究! 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-e[详细]
-
Js图片放大镜代码(面向对象技术)
所属栏目:[Asp教程] 日期:2018-08-18 热度:130
一款 Java Script图片放大镜代码,基于面向对象的编程思想实现,本放大镜效果属于局部放大,放大的区域要比原图的选定区域还要大,如果效果不是你想要的,可根据你的需要,自己可以修改。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional[详细]
-
JavaScript滚动条控制图片横向滚动代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:187
一个 Java Script滚动条控制图片横向滚动的代码,与其它不同的区别是,它是可以被控制的,向左向右滚动都需要点击两端的小箭头,图片滚动时候带有缓冲效果,演示图片没有加链接,你决定用了就好好完善它,现在只是一个基础的框架,也没有怎么美化,请注意[详细]
-
响应鼠标的渐变式图片渐隐渐显效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:122
Java Script实现响应鼠标的渐变式图片渐隐渐现效果,也就是说图片默认是渐隐状态,当我们把鼠标放在图片上时,图片就亮了,也就是渐显效果,如果你还是不明白,自己看代码吧。 示例: title图片渐隐渐现/titleSCRIPT language=JavaScript!--nereidFadeObje[详细]
-
跑马灯效果图片滚动代码,响应鼠标左右滚动
所属栏目:[Asp教程] 日期:2018-08-18 热度:122
今天给大家介绍一款跑马灯效果的图片滚动代码,可以响应鼠标而左右滚动,滚动的速度可以在代码中设置,烈火小编已经进行了注释。该代码的缺点是:不能响应鼠标停止滚动,另外就是在部分浏览器下有兼容性问题,出现左右滚动速度不同的问题,高手请修复一下[详细]
-
箭头上下控制、无缝的,图片上下滚动代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:160
基于 Java Script的图片上下无缝滚动,带控制按钮,做的比较精致,兼容性方面,兼容IE全系列和火狐等主流浏览器。编写实现采用面向对象的原理,参考价值大。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xh[详细]
-
上下左右四种不间断的无缝图片滚动代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:70
上下左右不间断无缝滚动图片Js代码,兼容火狐和IE,实用性大大的好,囊括了四个方向的图片滚动,代码中有注释,需要某个方向滚动的,可以自己扣除代码,希望大家喜欢这个代码哦。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN htt[详细]
-
鼠标指向小图显示大图,JS实现图片加载效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:163
一款基于 Java Script的图片放大,鼠标指向小图显示大图,JS实现图片加载效果,自动判断大图显示位置,如果超出显示范围,在另一侧展示,增加几分人性化,确实不错的效果,烈火网推荐您参考。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
鼠标指向图片由暗变亮的jQuery渐变特效代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:140
鼠标指向图片发生渐变的特效, jQuery 代码实现。我个人觉得此方法有点不太合理,其实用CSS完全可以实现这种方式,或许作者有其它的考虑吧,比如兼容性方面。本写法是把 图片处理 成了两张,一张是暗色的,鼠标移上的时候调用另外一张,是不是有些麻烦?而[详细]
-
兼容FF和IE的JS图片查看器,放大缩小移动
所属栏目:[Asp教程] 日期:2018-08-18 热度:127
这是一个兼容 Firefox 和 IE浏览器 的JS图片查看器,可控制图片放大、缩[详细]
-
JS图片切换效果,上下缓冲式的幻灯片代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:68
JS图片切换效果,上下缓冲式的幻灯片代码。原生JS图片轮播,带缓冲效果,那些可控的按钮根据图片数量自动生成,可自动调整轮播顺序。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi[详细]