-
JavaScript动感图片标题的焦点图切换
所属栏目:[Asp教程] 日期:2018-08-23 热度:179
Java script 动感焦点图切换,标题和简短的图片介绍也是动感的,整体看上去很有灵气,本代码对于学习JavaScript的朋友来说,当作一款学习的参考代码也是适合的,好好研究一下吧。 特效演示: !Doctype htmlhtmlheadmeta http-equiv=Content-type content=t[详细]
-
JS图片响应鼠标自动切换当前效果
所属栏目:[Asp教程] 日期:2018-08-23 热度:131
Java Script实例,通过控制Html网页元素,来控制图片的重叠顺序,鼠标移上某一张,那一张就显示在最前面,移动到最后层,它会显示在最前,有意思吧,其实挺简单。 特效演示: htmlheadtitle改变图片重叠顺序/titlestyle type=text/css.s1{position:absolut[详细]
-
图片轮播效果,仿FLASH效果,JS+CSS效果
所属栏目:[Asp教程] 日期:2018-08-23 热度:150
一款很精致的 Java Script仿Flash图片切换效果,代码比较多,呵呵,用时候是可以封装的,将Js代码摘出封装一下还是不错的,图片由上至下滑动出现,并与底下的小图一一对应起来,当转到下一张时,小图片从右至左移动,下一张图片由上至下再滑动出来。 效果[详细]
-
图片定时自动更换,可设置时间,好似GIF动画
所属栏目:[Asp教程] 日期:2018-08-23 热度:116
两张图片定时自动来回更换,可以在JS中设置定时更换的时间,两张图片不断交替,好似GIF动画,当然这里使用的是两张图片,您可以制作多张图片,同时将图片内容做的相似一些,就可以形成真正的GIF了。 特效演示: htmlheadtitle每隔一定时间更换广告图片/tit[详细]
-
CSS处理图片灰度、反相、X光等效果代码
所属栏目:[Asp教程] 日期:2018-08-23 热度:182
CSS处理图片灰度、反相、X光等效果代码,在Photoshop软件中,我们经常使用这样的效果来处理图片,今天烈火首次发表相关CSS的实现方式,对于提高大家的CSS水平非常有帮助。 推荐阅读:烈火提供的CSS中文手册 特效演示: htmlheadtitle灰度、反相、X光效果/t[详细]
-
jQuery单击按钮动态加载图片效果代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:140
jQuery 单击按钮动态加载图片效果代码,通过标题就可以看明白了,这是一个简单的例子,尽管实际应用性不强,但是挺有趣的,有时间和兴趣的朋友不妨研究一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演[详细]
-
jQuery延迟加载,当用到图片时才加载,只加载当前屏幕的图片
所属栏目:[Asp教程] 日期:2018-08-19 热度:70
jQuery 延迟加载,当用到图片时才加载,只加载当前屏幕的图片。也就是当拖动IE的滚动条时,下面的内容才会被加载,先获取窗口高度、判断图片是否到一半,滚动刷新、遍历、获取当前img URL地址等。 拖动网页的滚动条,慢慢看一下图片的变化,当你把滚动条拖[详细]
-
一个非常简单的JS幻灯、图片切换轮播代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:180
一个非常简单的JS幻灯、图片切换轮播代码。也就是大家经常见到的JS图片切换特效,我做的第一个JS组件,纯 Java Script实现的,没有借用 jQuery ,是去年底写的. 现在看看, 代码结构混乱, 所谓颗粒化基本没有,纯为练习之作, 然望大家多多指点。 演示: !Do[详细]
-
仿迅雷图片的被动加载效果,兼容性不太好
所属栏目:[Asp教程] 日期:2018-08-19 热度:78
Java script实现的页面图片被动加载类,在使用前用1像素图像进行占位,并给img tag 添加 自定义bigsrc属性 ,当有图片进入可视区域内时,载入图片,提高页面载入速度,节省不必要的流量和连接数,x轴滚动加载功能未被实现。主函数获取其他脚本注册到window[详细]
-
鼠标经过放大图像,JS浮动层放大图像
所属栏目:[Asp教程] 日期:2018-08-19 热度:153
鼠标经过图像后弹出一个浮动层然后放大该图像,基于 Java Script的一个实现。需要事先准备好被放大的图片和缩略图,程序加载完图像后才能看到效果,这也是一个不完美的地方,仅供参考学习。 演示: htmlheadtitle鼠标经过弹出浮动层,放大图像/titlescript[详细]
-
JS放大镜,移动放大镜,JavaScript图片放大代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:165
JS放大镜, Java Script图片放大代码,JavaScript妙味课堂的一个作品,通过查看效果我们就可以了解到这样的效果不是一般水平可以实现的!的确,这是来自妙味课堂的一个小作品,具体效果大家自己看吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
JavaScript动态放大、缩
所属栏目:[Asp教程] 日期:2018-08-19 热度:81
Java Script动态放大图片,缩小图片,重置图片大小,为了加快效果演示,这里远程调用了一张像素比较小的图片,实际运用中你可根据需要选用。 演示代码: htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
JavaScript测试图片转场的滤镜特效
所属栏目:[Asp教程] 日期:2018-08-19 热度:61
Java Script测试图片转场的滤镜特效,为图片添加阴影效果,两种阴影效果的比较,欢迎学习和研究。 代码演示: htmlheadtitle测试图片转场的滤镜特效/titlestyle type=text/cssdiv {width:160;}/stylescript language=JavaScriptvar intflag = 0;function s[详细]
-
JavaScript滤镜控制功能的特效代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:198
Java Script滤镜控制功能的演示代码,让滤镜变成其它的效果,一个比较有趣的小例子,对于学习Javascript有一定的帮助,你可以点击下边的运行按钮查看效果,或者直接点击保存代码到本地。 演示: htmlheadtitleJavaScript控制滤镜特效/titlestyle type=text[详细]
-
CSS图片滤镜特效,阴影、水英灰度、透明度等
所属栏目:[Asp教程] 日期:2018-08-19 热度:137
多种CSS图片滤镜效果的实现代码,每一个效果都用一张图片加以演示,有阴影、水英灰度、透明度、反相、蓝色等效果,在平时我们写网页特效的时候,这些效果是非常常见的。看来CSS的Filter功能相当强大,如果您还不是太了解CSS,或者想学习CSS,请阅读烈火网[详细]
-
jQuery图片无缝滚动效果,代码简洁功能简单
所属栏目:[Asp教程] 日期:2018-08-15 热度:81
一个基于 jQuery 实现的图片无缝滚动效果,用简来描述最合适也不过了,这里说的简是指代码简洁,也就是说代码比较少;还有功能简单,所说的功能简单是,烈火网站长看到这款效果时只看到了图片的简单滚动,停止后再也没有其它效果,对jQuery比较精通的朋友[详细]
-
图片上旋转的光束效果,以中心转圈扫描代码
所属栏目:[Asp教程] 日期:2018-08-15 热度:53
一款JS技术实现的图片上旋转的光束效果,这个光柱以图片的中心为点转圈扫描,并且JS代码还改变了图片的色相,例如:颜色变暗、光束变亮等等,大家有没有感觉像灯塔上边的灯一样呢?转圈扫来扫去!欢迎您多多支持烈火网! 演示: !DOCTYPE htmlhtmlheadmeta[详细]
-
JavaScript实现图片上下飘动 可设置浮动速度
所属栏目:[Asp教程] 日期:2018-08-15 热度:96
Java Script实现的图片上下飘动效果,有点类似于网页飘浮广告,但是与之不同的是,此图片只能上下移动,在下边出现慢慢向上浮动,到顶部后自动向下移动,在代码中可设置图片的浮动速度,希望对您有所帮助。 演示: htmlheadmeta http-equiv=Content-Type c[详细]
-
jQuery无缝图片滚动,带箭头控制方向左右滚动
所属栏目:[Asp教程] 日期:2018-08-15 热度:98
这是一个来自国外网站的图片滚动特效,作者取的英文名字叫:Automatic Infinite Carousel,引入了 jQuery 插件,实现无缝图片滚动,并且在两侧带有箭头控制方向左右滚动。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别[详细]
-
Js+css实现图片淡入效果的幻灯片代码
所属栏目:[Asp教程] 日期:2018-08-15 热度:191
Js+css实现图片淡入效果的幻灯片代码,这是一个小通条(横长的)的图片切换代码,由于时间关系只在IE下测试通过,如果你打算用可在其它浏览器下测试一下,当然。图片中的尺寸是可以自己修改的,不过需要你有一定的HTML知识哦! 演示: htmlheadtitleJs+css[详细]
-
图片随机切换代码,每次刷新显示不同的图片
所属栏目:[Asp教程] 日期:2018-08-15 热度:160
Java Script实现的图片随机切换代码,即每次刷新网页显示不同的图片,大家也许见过这样的特效,运行用了JavaScript中的时间函数now.getSeconds()编写而成,并非是使用了Random随机函数,供大家参考和学习。 示例: htmlheadmeta http-equiv=Content-Type c[详细]
-
利用表格填充层模拟图片向上的滚动特效
所属栏目:[Asp教程] 日期:2018-08-15 热度:138
在本文中,作者作用JS技术+表格填充层模拟图片向上滚动,当然这里只是为了实现这么一种效果,您可以在td中设置要滚动的文字或链接,也可以在td设置IMG图片链接,包括可以修改表格的宽度、高度和颜色等等。 示例代码: htmlheadmeta http-equiv=Content-Typ[详细]
-
JS图片切换代码二则,幻灯+缩略图的实例效果
所属栏目:[Asp教程] 日期:2018-08-15 热度:73
在下边的代码中,共有两款图片切换效果,基于 Java Script+CSS完成的,图片变换方式是幻灯片多样的,还有一个是带缩略图导航的,非常不错的两个图片切换特效,希望大家喜欢,多多支持烈火网哦! 示例代码: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-[详细]
-
jQuery焦点图轮播代码,可控制图片数量和其它参数
所属栏目:[Asp教程] 日期:2018-08-15 热度:137
一款 jQuery 焦点图轮播代码,时间关系只是完成了切换效果,如果您打算用在自己的网站上,请自行完善一下,在代码中可以控制图片数量、切换的速度、宽度高度和颜色等,如果您的HTML水平不是太好,建议您阅读更多jQuery焦点图的代码,以便于查找自己满意的[详细]
-
图片不间断滚动代码,按钮控制向上向下滚动
所属栏目:[Asp教程] 日期:2018-08-15 热度:141
图片不间断滚动代码,按钮控制向上向下滚动,页面一加载就开始滚动,鼠标放上后会停止滚动,这里使用的代码比较长,如果仅仅用作一个图片滚动还是不太推荐的,可以把它改成一个通用的类。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional[详细]
