-
图片轮播效果,仿FLASH效果,JS+CSS效果
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
一款很精致的 Java Script仿Flash图片切换效果,代码比较多,呵呵,用时候是可以封装的,将Js代码摘出封装一下还是不错的,图片由上至下滑动出现,并与底下的小图一一对应起来,当转到下一张时,小图片从右至左移动,下一张图片由上至下再滑动出来。 效果[详细]
-
图片定时自动更换,可设置时间,好似GIF动画
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
两张图片定时自动来回更换,可以在JS中设置定时更换的时间,两张图片不断交替,好似GIF动画,当然这里使用的是两张图片,您可以制作多张图片,同时将图片内容做的相似一些,就可以形成真正的GIF了。 特效演示: htmlheadtitle每隔一定时间更换广告图片/tit[详细]
-
CSS处理图片灰度、反相、X光等效果代码
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
CSS处理图片灰度、反相、X光等效果代码,在Photoshop软件中,我们经常使用这样的效果来处理图片,今天烈火首次发表相关CSS的实现方式,对于提高大家的CSS水平非常有帮助。 推荐阅读:烈火提供的CSS中文手册 特效演示: htmlheadtitle灰度、反相、X光效果/t[详细]
-
JavaScript控制图片显示在网页右下角
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
Java Script控制图片显示在网页的右下角,不管你的浏览器窗口是大或是小,它都在右下角显示着呢,如果出现滚动条,它就不会显示在右下角了,有趣吧?但是不知道作者为什么写出这样的例子,也许是别有用心吧。 其实,现在有一些广告总会显示在右下角,不过代[详细]
-
Css滤镜结合JS实现完美的图片水纹倒影
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
Css滤镜结合JS实现完美的图片水纹倒影,用CSS的filter:wave来设置倒影的大小以及轻重,然后用页面脚本去控制网页加载完成始载入本函数,图片的大小也跟倒影效果有影响,仔细研究研究,再不断的修改修改代码,你还会发现一些更有趣的效果. 效果演示: htmlheadti[详细]
-
一个非常简单的图片交替切换特效
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
一个非常简单的图片交替切换特效,也是基于 Java Script实现,只不过是一个雏形,因为还不太完善,效果中随机水平细纹来切换过渡图片,学习JavaScript的朋友,不妨好好参考一下本程序,它用两个图片来说明图片切换的原理,相对简单可靠。 特效演示: htmlh[详细]
-
网页图片选择器,基于JavaScript编写实现
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
网页图片选择器,基于 Java Script编写实现,用Select下拉框选择图片,然后跳转并显示出来。为了演示速度 ,这里调用的图片比较小,实际使用时你可以更换图片。 效果演示: htmlheadtitleJavaScript图片选择器/titlescript language=javascript!--function[详细]
-
图片无法显示时,加载默认图片的JS代码
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
Java Script智能判断图片是否能够正确加载,若加载失败则用默认图片替换,这是个比较实用的功能,不少网站都可见到这种功能,一为使网站整洁,二来提升网页体验,不至于让别人觉得你这网站有问题。 看起来挺复杂的样子,其实非常简单,只要一句代码就可以[详细]
-
jQuery平滑的图片滚动代码,带按钮、可控制
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
jQuery 平滑的图片滚动代码,带按钮。可以控制的图片滚动,每点击一次控制按钮,图片就向下滚动一组照片,照片可以加说明文字,引入了jquery,使图片滚动效果更平滑。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增[详细]
-
鼠标在图片上悬停,显示文字说明的代码
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
一个纯粹的CSS代码效果,用CSS实现文字提示,鼠标在图片上悬停,会显示出文字说明,其实也不是太难实现的效果,希望对CSS初学者带去一些知识技巧。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/[详细]
-
JavaScript实现图片预加载,有清除缓存功能
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
Java Script实现图片预加载,有清除缓存功能。如lightbox方式展现照片,无疑需要提前获得大图的尺寸,这样才能居中定位,由于javascript无法获取img文件头数据,必须等待其加载完毕后才能获取真实的大小然后展示出来,所以lightbox显示的图片的速度体验要[详细]
-
jQuery单击按钮动态加载图片效果代码
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
jQuery 单击按钮动态加载图片效果代码,通过标题就可以看明白了,这是一个简单的例子,尽管实际应用性不强,但是挺有趣的,有时间和兴趣的朋友不妨研究一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演[详细]
-
jQuery延迟加载,当用到图片时才加载,只加载当前屏幕的图片
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
jQuery 延迟加载,当用到图片时才加载,只加载当前屏幕的图片。也就是当拖动IE的滚动条时,下面的内容才会被加载,先获取窗口高度、判断图片是否到一半,滚动刷新、遍历、获取当前img URL地址等。 拖动网页的滚动条,慢慢看一下图片的变化,当你把滚动条拖[详细]
-
一个非常简单的JS幻灯、图片切换轮播代码
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
一个非常简单的JS幻灯、图片切换轮播代码。也就是大家经常见到的JS图片切换特效,我做的第一个JS组件,纯 Java Script实现的,没有借用 jQuery ,是去年底写的. 现在看看, 代码结构混乱, 所谓颗粒化基本没有,纯为练习之作, 然望大家多多指点。 演示: !Do[详细]
-
仿迅雷图片的被动加载效果,兼容性不太好
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
Java script实现的页面图片被动加载类,在使用前用1像素图像进行占位,并给img tag 添加 自定义bigsrc属性 ,当有图片进入可视区域内时,载入图片,提高页面载入速度,节省不必要的流量和连接数,x轴滚动加载功能未被实现。主函数获取其他脚本注册到window[详细]
-
鼠标经过放大图像,JS浮动层放大图像
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
鼠标经过图像后弹出一个浮动层然后放大该图像,基于 Java Script的一个实现。需要事先准备好被放大的图片和缩略图,程序加载完图像后才能看到效果,这也是一个不完美的地方,仅供参考学习。 演示: htmlheadtitle鼠标经过弹出浮动层,放大图像/titlescript[详细]
-
JS放大镜,移动放大镜,JavaScript图片放大代码
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
JS放大镜, Java Script图片放大代码,JavaScript妙味课堂的一个作品,通过查看效果我们就可以了解到这样的效果不是一般水平可以实现的!的确,这是来自妙味课堂的一个小作品,具体效果大家自己看吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
JavaScript动态放大、缩
所属栏目:[Asp教程] 日期:2018-08-21 来源:DaWei
Java Script动态放大图片,缩小图片,重置图片大小,为了加快效果演示,这里远程调用了一张像素比较小的图片,实际运用中你可根据需要选用。 演示代码: htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
JavaScript测试图片转场的滤镜特效
所属栏目:[Asp教程] 日期:2018-08-20 来源:DaWei
Java Script测试图片转场的滤镜特效,为图片添加阴影效果,两种阴影效果的比较,欢迎学习和研究。 代码演示: htmlheadtitle测试图片转场的滤镜特效/titlestyle type=text/cssdiv {width:160;}/stylescript language=JavaScriptvar intflag = 0;function s[详细]
-
JavaScript滤镜控制功能的特效代码
所属栏目:[Asp教程] 日期:2018-08-20 来源:DaWei
Java Script滤镜控制功能的演示代码,让滤镜变成其它的效果,一个比较有趣的小例子,对于学习Javascript有一定的帮助,你可以点击下边的运行按钮查看效果,或者直接点击保存代码到本地。 演示: htmlheadtitleJavaScript控制滤镜特效/titlestyle type=text[详细]
-
CSS图片滤镜特效,阴影、水英灰度、透明度等
所属栏目:[Asp教程] 日期:2018-08-20 来源:DaWei
多种CSS图片滤镜效果的实现代码,每一个效果都用一张图片加以演示,有阴影、水英灰度、透明度、反相、蓝色等效果,在平时我们写网页特效的时候,这些效果是非常常见的。看来CSS的Filter功能相当强大,如果您还不是太了解CSS,或者想学习CSS,请阅读烈火网[详细]
-
图片放大镜代码,JavaScript结合Css完成的特效
所属栏目:[Asp教程] 日期:2018-08-20 来源:DaWei
实用漂亮的放大镜效果,基于 Java Script和CSS代码实现,此类效果可以移植到商品类的网站上,非常不错。代码比较精简,但效果确实不错,因调用的图片比较大,所以运行效果后请稍等一会,等待图片加载。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0[详细]
-
JS图片滤镜自己转换效果,焦点图切换代码
所属栏目:[Asp教程] 日期:2018-08-20 来源:DaWei
看看图片之间的滤镜转换过程,会帮你了解很多东西,滤镜的使用让页面能很平缓地在图和文字之间转换,图片可以任意添加,而且每幅图都可做不同的链接。或许这就是现在比较流行的图片切换特效的基本雏形吧,原来实现起来如此简单。因为是自己写的,所以滤镜[详细]
-
CSS利用a:hover属性直接放大图片的代码
所属栏目:[Asp教程] 日期:2018-08-20 来源:DaWei
一个非常简单的特效,利用了CSS中a:hover的属性,当我们把鼠标放到图片上时,放大图片(增加图片宽度和高度,或使用另一张大图),高手就不要看了,非常简单,对于新手来说,可以增强基[详细]
-
jQuery的slide show图片切换,代码精简功能多
所属栏目:[Asp教程] 日期:2018-08-20 来源:DaWei
分享一个代码简洁的Jquery slide show 图片切换,网上有很多基于Jquery的slide show,效果很漂亮、功能也很全,但是如果要应用某种效果,就非得导入某个插件,而这些文件通常都不会太小,为个一个slide show就导入一个文件,觉得有点不值,所以自己写了一[详细]



浙公网安备 33038102330484号