-
Css滤镜结合JS实现完美的图片水纹倒影
所属栏目：[Asp教程] 日期：2018-08-21 热度：164
Css滤镜结合JS实现完美的图片水纹倒影，用CSS的filter:wave来设置倒影的大小以及轻重,然后用页面脚本去控制网页加载完成始载入本函数,图片的大小也跟倒影效果有影响,仔细研究研究,再不断的修改修改代码,你还会发现一些更有趣的效果. 效果演示： htmlheadti[详细]
-
一个非常简单的图片交替切换特效
所属栏目：[Asp教程] 日期：2018-08-21 热度：83
一个非常简单的图片交替切换特效，也是基于 Java Script实现，只不过是一个雏形，因为还不太完善，效果中随机水平细纹来切换过渡图片，学习JavaScript的朋友，不妨好好参考一下本程序，它用两个图片来说明图片切换的原理，相对简单可靠。 特效演示： htmlh[详细]
-
网页图片选择器，基于JavaScript编写实现
所属栏目：[Asp教程] 日期：2018-08-21 热度：139
网页图片选择器，基于 Java Script编写实现，用Select下拉框选择图片，然后跳转并显示出来。为了演示速度 ，这里调用的图片比较小，实际使用时你可以更换图片。 效果演示： htmlheadtitleJavaScript图片选择器/titlescript language=javascript!--function[详细]
-
图片无法显示时，加载默认图片的JS代码
所属栏目：[Asp教程] 日期：2018-08-21 热度：108
Java Script智能判断图片是否能够正确加载，若加载失败则用默认图片替换，这是个比较实用的功能，不少网站都可见到这种功能，一为使网站整洁，二来提升网页体验，不至于让别人觉得你这网站有问题。 看起来挺复杂的样子，其实非常简单，只要一句代码就可以[详细]
-
jQuery平滑的图片滚动代码，带按钮、可控制
所属栏目：[Asp教程] 日期：2018-08-21 热度：60
jQuery 平滑的图片滚动代码，带按钮。可以控制的图片滚动，每点击一次控制按钮，图片就向下滚动一组照片，照片可以加说明文字，引入了jquery，使图片滚动效果更平滑。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增[详细]
-
鼠标在图片上悬停，显示文字说明的代码
所属栏目：[Asp教程] 日期：2018-08-21 热度：144
一个纯粹的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 热度：108
Java Script实现图片预加载，有清除缓存功能。如lightbox方式展现照片，无疑需要提前获得大图的尺寸，这样才能居中定位，由于javascript无法获取img文件头数据，必须等待其加载完毕后才能获取真实的大小然后展示出来，所以lightbox显示的图片的速度体验要[详细]
-
jQuery单击按钮动态加载图片效果代码
所属栏目：[Asp教程] 日期：2018-08-21 热度：89
jQuery 单击按钮动态加载图片效果代码，通过标题就可以看明白了，这是一个简单的例子，尽管实际应用性不强，但是挺有趣的，有时间和兴趣的朋友不妨研究一下。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版演[详细]
-
jQuery延迟加载，当用到图片时才加载，只加载当前屏幕的图片
所属栏目：[Asp教程] 日期：2018-08-21 热度：197
jQuery 延迟加载，当用到图片时才加载，只加载当前屏幕的图片。也就是当拖动IE的滚动条时，下面的内容才会被加载，先获取窗口高度、判断图片是否到一半，滚动刷新、遍历、获取当前img URL地址等。 拖动网页的滚动条，慢慢看一下图片的变化，当你把滚动条拖[详细]
-
一个非常简单的JS幻灯、图片切换轮播代码
所属栏目：[Asp教程] 日期：2018-08-21 热度：187
一个非常简单的JS幻灯、图片切换轮播代码。也就是大家经常见到的JS图片切换特效，我做的第一个JS组件，纯 Java Script实现的，没有借用 jQuery ，是去年底写的. 现在看看, 代码结构混乱, 所谓颗粒化基本没有，纯为练习之作, 然望大家多多指点。 演示： !Do[详细]
-
仿迅雷图片的被动加载效果，兼容性不太好
所属栏目：[Asp教程] 日期：2018-08-21 热度：185
Java script实现的页面图片被动加载类，在使用前用1像素图像进行占位，并给img tag 添加 自定义bigsrc属性 ，当有图片进入可视区域内时，载入图片，提高页面载入速度，节省不必要的流量和连接数，x轴滚动加载功能未被实现。主函数获取其他脚本注册到window[详细]
-
鼠标经过放大图像，JS浮动层放大图像
所属栏目：[Asp教程] 日期：2018-08-21 热度：69
鼠标经过图像后弹出一个浮动层然后放大该图像，基于 Java Script的一个实现。需要事先准备好被放大的图片和缩略图，程序加载完图像后才能看到效果，这也是一个不完美的地方，仅供参考学习。 演示： htmlheadtitle鼠标经过弹出浮动层，放大图像/titlescript[详细]
-
JS放大镜，移动放大镜，JavaScript图片放大代码
所属栏目：[Asp教程] 日期：2018-08-21 热度：167
JS放大镜, Java Script图片放大代码，JavaScript妙味课堂的一个作品，通过查看效果我们就可以了解到这样的效果不是一般水平可以实现的！的确，这是来自妙味课堂的一个小作品，具体效果大家自己看吧。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
JavaScript动态放大、缩
所属栏目：[Asp教程] 日期：2018-08-21 热度：150
Java Script动态放大图片，缩小图片，重置图片大小，为了加快效果演示，这里远程调用了一张像素比较小的图片，实际运用中你可根据需要选用。 演示代码： htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
JavaScript测试图片转场的滤镜特效
所属栏目：[Asp教程] 日期：2018-08-20 热度：147
Java Script测试图片转场的滤镜特效，为图片添加阴影效果，两种阴影效果的比较，欢迎学习和研究。 代码演示： htmlheadtitle测试图片转场的滤镜特效/titlestyle type=text/cssdiv {width:160;}/stylescript language=JavaScriptvar intflag = 0;function s[详细]
-
JavaScript滤镜控制功能的特效代码
所属栏目：[Asp教程] 日期：2018-08-20 热度：151
Java Script滤镜控制功能的演示代码，让滤镜变成其它的效果，一个比较有趣的小例子，对于学习Javascript有一定的帮助，你可以点击下边的运行按钮查看效果，或者直接点击保存代码到本地。 演示： htmlheadtitleJavaScript控制滤镜特效/titlestyle type=text[详细]
-
CSS图片滤镜特效，阴影、水英灰度、透明度等
所属栏目：[Asp教程] 日期：2018-08-20 热度：74
多种CSS图片滤镜效果的实现代码，每一个效果都用一张图片加以演示，有阴影、水英灰度、透明度、反相、蓝色等效果，在平时我们写网页特效的时候，这些效果是非常常见的。看来CSS的Filter功能相当强大，如果您还不是太了解CSS，或者想学习CSS，请阅读烈火网[详细]
-
图片放大镜代码，JavaScript结合Css完成的特效
所属栏目：[Asp教程] 日期：2018-08-20 热度：172
实用漂亮的放大镜效果，基于 Java Script和CSS代码实现，此类效果可以移植到商品类的网站上，非常不错。代码比较精简，但效果确实不错，因调用的图片比较大，所以运行效果后请稍等一会，等待图片加载。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0[详细]
-
JS图片滤镜自己转换效果，焦点图切换代码
所属栏目：[Asp教程] 日期：2018-08-20 热度：188
看看图片之间的滤镜转换过程，会帮你了解很多东西，滤镜的使用让页面能很平缓地在图和文字之间转换，图片可以任意添加，而且每幅图都可做不同的链接。或许这就是现在比较流行的图片切换特效的基本雏形吧，原来实现起来如此简单。因为是自己写的，所以滤镜[详细]
-
CSS利用a:hover属性直接放大图片的代码
所属栏目：[Asp教程] 日期：2018-08-20 热度：80
一个非常简单的特效，利用了CSS中a:hover的属性，当我们把鼠标放到图片上时，放大图片（增加图片宽度和高度，或使用另一张大图），高手就不要看了，非常简单，对于新手来说，可以增强基[详细]
-
jQuery的slide show图片切换，代码精简功能多
所属栏目：[Asp教程] 日期：2018-08-20 热度：68
分享一个代码简洁的Jquery slide show 图片切换，网上有很多基于Jquery的slide show，效果很漂亮、功能也很全，但是如果要应用某种效果，就非得导入某个插件，而这些文件通常都不会太小，为个一个slide show就导入一个文件，觉得有点不值，所以自己写了一[详细]
-
大幅图片幻灯片，有左右箭头控制，响应鼠标移动图片
所属栏目：[Asp教程] 日期：2018-08-20 热度：112
这是一款大幅的图片幻灯片效果，有左右箭头控制，响应鼠标移动图片，刚刚打开时，如果网速慢，在网页中央会有一个加载中的效果，很大气，很给力！如果你正打算做一个类似各大门户网站的幻灯新闻的话，可以考虑使用这个代码！ 烈火就不多介绍了，大家自己看[详细]
-
响应鼠标的图片虚实（透明度）效果代码
所属栏目：[Asp教程] 日期：2018-08-20 热度：124
图片透明度效果，在烈火学院以前的网页特效教程中曾发表过，大家可以回顾一下，虚实的效果，打开的时候很轻薄的图片，透明度很低，当把鼠标放到图片的时候，图片才真正显示出来，由虚变实的过程让这款图片效果有极强的用户体验，论其实现原理，其实也挺简[详细]
-
js结合onMouseOver实现鼠标响应图片改变透明度
所属栏目：[Asp教程] 日期：2018-08-20 热度：100
js结合onMouseOver实现鼠标响应图片变清晰，这也是我们在网页制作中经常见到的效果，有的网站用在了友情链接位置，当我们第一眼看到图片时发现图片很模糊，当鼠标经过图片时，就变的清楚了，类似于PS中的图片透明度，挺不错的代码，赶紧给自己的网站用上吧[详细]
-
图片固定范围内左右移动,就像秋千一样
所属栏目：[Asp教程] 日期：2018-08-20 热度：152
图片的左右移动，具备像荡秋千一样的动画效果，图片自己可重新定义，移动速度和距离也可在代码内设定，挺简单的Js生成动画的特效代码，该代码可能在网上没有直接使用的价值，但是具有参考的意义，童鞋们可以多学习一下JS脚本。 演示： htmlheadmeta http-e[详细]
浙公网安备 33038102330484号