-
纯 CSS 实现图片边框立体阴影效果代码
所属栏目:[Asp教程] 日期:2018-08-21 热度:188
纯CSS 漂亮的立体图片边框效果,图片阴影代码,个人觉得这个挺实用,CSs实现的,定义成类,可让你整个网页上的图片都是有立体阴影的,不错吧,感谢作者分享。 特效演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/[详细]
-
感应鼠标的图片遮罩动画效果,jQuery版
所属栏目:[Asp教程] 日期:2018-08-21 热度:156
jQuery 实现动态显示文字TIPS效果,当鼠标移到图片上时,图片遮罩动画显示文字,从四个角展开、收缩。具体效果请您查看下面的演示。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处 运[详细]
-
jQuery平滑的图片滚动代码,带按钮、可控制
所属栏目:[Asp教程] 日期:2018-08-19 热度:95
jQuery 平滑的图片滚动代码,带按钮。可以控制的图片滚动,每点击一次控制按钮,图片就向下滚动一组照片,照片可以加说明文字,引入了jquery,使图片滚动效果更平滑。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增[详细]
-
鼠标在图片上悬停,显示文字说明的代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:52
一个纯粹的CSS代码效果,用CSS实现文字提示,鼠标在图片上悬停,会显示出文字说明,其实也不是太难实现的效果,希望对CSS初学者带去一些知识技巧。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/[详细]
-
JavaScript实现图片预加载,有清除缓存功能
所属栏目:[Asp教程] 日期:2018-08-19 热度:66
Java Script实现图片预加载,有清除缓存功能。如lightbox方式展现照片,无疑需要提前获得大图的尺寸,这样才能居中定位,由于javascript无法获取img文件头数据,必须等待其加载完毕后才能获取真实的大小然后展示出来,所以lightbox显示的图片的速度体验要[详细]
-
jQuery单击按钮动态加载图片效果代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:83
jQuery 单击按钮动态加载图片效果代码,通过标题就可以看明白了,这是一个简单的例子,尽管实际应用性不强,但是挺有趣的,有时间和兴趣的朋友不妨研究一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演[详细]
-
jQuery延迟加载,当用到图片时才加载,只加载当前屏幕的图片
所属栏目:[Asp教程] 日期:2018-08-19 热度:113
jQuery 延迟加载,当用到图片时才加载,只加载当前屏幕的图片。也就是当拖动IE的滚动条时,下面的内容才会被加载,先获取窗口高度、判断图片是否到一半,滚动刷新、遍历、获取当前img URL地址等。 拖动网页的滚动条,慢慢看一下图片的变化,当你把滚动条拖[详细]
-
一个非常简单的JS幻灯、图片切换轮播代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:133
一个非常简单的JS幻灯、图片切换轮播代码。也就是大家经常见到的JS图片切换特效,我做的第一个JS组件,纯 Java Script实现的,没有借用 jQuery ,是去年底写的. 现在看看, 代码结构混乱, 所谓颗粒化基本没有,纯为练习之作, 然望大家多多指点。 演示: !Do[详细]
-
仿迅雷图片的被动加载效果,兼容性不太好
所属栏目:[Asp教程] 日期:2018-08-19 热度:116
Java script实现的页面图片被动加载类,在使用前用1像素图像进行占位,并给img tag 添加 自定义bigsrc属性 ,当有图片进入可视区域内时,载入图片,提高页面载入速度,节省不必要的流量和连接数,x轴滚动加载功能未被实现。主函数获取其他脚本注册到window[详细]
-
鼠标经过放大图像,JS浮动层放大图像
所属栏目:[Asp教程] 日期:2018-08-19 热度:77
鼠标经过图像后弹出一个浮动层然后放大该图像,基于 Java Script的一个实现。需要事先准备好被放大的图片和缩略图,程序加载完图像后才能看到效果,这也是一个不完美的地方,仅供参考学习。 演示: htmlheadtitle鼠标经过弹出浮动层,放大图像/titlescript[详细]
-
JS放大镜,移动放大镜,JavaScript图片放大代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:125
JS放大镜, Java Script图片放大代码,JavaScript妙味课堂的一个作品,通过查看效果我们就可以了解到这样的效果不是一般水平可以实现的!的确,这是来自妙味课堂的一个小作品,具体效果大家自己看吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
JavaScript动态放大、缩
所属栏目:[Asp教程] 日期:2018-08-19 热度:132
Java Script动态放大图片,缩小图片,重置图片大小,为了加快效果演示,这里远程调用了一张像素比较小的图片,实际运用中你可根据需要选用。 演示代码: htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
JS图片切换效果,结合CSS仿淘宝的幻灯代码
所属栏目:[Asp教程] 日期:2018-08-17 热度:71
JS图片切换效果,结合CSS仿淘宝taobao首页轮播原生js面对对象封装版,刚学习JS面向对象,今天周末没地方应聘就在租的地方倒腾点东西,可能不入各位牛人的法眼,不过能帮小弟分析分析代码,小弟就不甚荣幸。我用的是改变透明度的办法,图片是淘宝的首页图片[详细]
-
鼠标拖动图片至任意位置,JS图片拖放效果
所属栏目:[Asp教程] 日期:2018-08-17 热度:174
鼠标拖动图片至任意位置,JS图片拖放效果。通过下边的代码演示可以看到:页面中的这两张图片可以用鼠标拖动的,在页面装入的时候初始化事件捕获过程,通过这个代码你或许会学会以不少东西,特别是拖动对象的处理。 演示: htmlheadstyle type=text/css#ver[详细]
-
渐变模糊的图像代码,鼠标经过高亮显示效果
所属栏目:[Asp教程] 日期:2018-08-17 热度:54
渐变模糊的图像代码,鼠标经过高亮显示效果,用JS代码改变图像光照效果,模糊或高亮显示一幅图片。鼠标移到模糊的图上,图慢慢地变清晰,移走鼠标,图又变模糊。以前发过类似的效果,可能在实现的思路上会不一样,你可以参考一下本款图片渐变有何异同。 演[详细]
-
JS平滑滚动的图片切换代码,带左右按钮控制
所属栏目:[Asp教程] 日期:2018-08-17 热度:92
JS平滑滚动的图片切换代码,带左右按钮控制。一个基于JS来实现的焦点图,原生JS面向对象的思想,左右滚动的焦点图,经过修改,能在主流浏览器下(包括IE6-9、chrome、firefox)正常的运行,通过对本焦点图的编写,主要学习javascript的面向对象机制,与常[详细]