-
用JS模拟2010上海世博网站Flash幻灯切换效果
所属栏目:[Asp教程] 日期:2018-08-26 热度:120
这是一款焦点图幻灯片切换的效果,这种效果被各位站长应用在自己的网站上。作为2010年世博会的举办方,上海世博的官方主页也使用了flash焦点图片切换,应朋友之要求,现在用 Java Script模拟出来,烈火看了一下效果不错,简洁不失大方,平滑不失动感!喜欢[详细]
-
基于jQuery的超大全屏背景/幻灯片自动播放
所属栏目:[Asp教程] 日期:2018-08-26 热度:63
这是一款基于 jQuery 的超大全屏背景/幻灯片自动播放的优秀插件,来自于国外的设计网站,前几日烈火小编在国外网站闲逛时发现的,不敢独自使用,特别来分享给大家,感觉好的话,别忘记顶一下哦! 友情提示:JQuery的特效代码,点击运行后可能需要刷新才能[详细]
-
简单实现图片横向滚动(鼠标指向停止)
所属栏目:[Asp教程] 日期:2018-08-26 热度:193
最近有几个朋友一直在问笔者跑马灯的问题,其实在以前的教程中,烈火网曾经提到很多类似的效果,例如:Marquee实现向上滚动文字[鼠标指向停止]、多列文字上下循环滚动 鼠标指向停止、可以控制的友情链接图片横向滚动代码和JS实现图片无间隙滚动等。今天再[详细]
-
鼠标经过图片时自动弹出网页窗口的特效
所属栏目:[Asp教程] 日期:2018-08-26 热度:55
可能很多朋友都有过这样的经历,在一个网站上转,鼠标无意中移到一张图片上时,就自动的打开了一个新网页。下面,烈火网就分享一下这个代码,有兴趣的朋友可以试试。这个代码还有一些另类的用法。比如,把这个代码的地址设置成某个自动ptp或转址站的下线链[详细]
-
仿QQ邮箱图片展示 带动画和加载特效
所属栏目:[Asp教程] 日期:2018-08-25 热度:148
仿 QQ邮箱 图片展示,这是小编刚刚在某知名设计论坛看到一位朋友仿的,感觉还不错,只是有部分网页错误,修正了一下拿来分享给大家,本特效特点:代码简洁、效果精美。喜欢的朋友拿走吧,多多支持烈火网哦! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
jQuery延迟加载,当用到图片时才加载,只加载当前屏幕的图片
所属栏目:[Asp教程] 日期:2018-08-22 热度:73
jQuery 延迟加载,当用到图片时才加载,只加载当前屏幕的图片。也就是当拖动IE的滚动条时,下面的内容才会被加载,先获取窗口高度、判断图片是否到一半,滚动刷新、遍历、获取当前img URL地址等。 拖动网页的滚动条,慢慢看一下图片的变化,当你把滚动条拖[详细]
-
一个非常简单的JS幻灯、图片切换轮播代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:94
一个非常简单的JS幻灯、图片切换轮播代码。也就是大家经常见到的JS图片切换特效,我做的第一个JS组件,纯 Java Script实现的,没有借用 jQuery ,是去年底写的. 现在看看, 代码结构混乱, 所谓颗粒化基本没有,纯为练习之作, 然望大家多多指点。 演示: !Do[详细]
-
仿迅雷图片的被动加载效果,兼容性不太好
所属栏目:[Asp教程] 日期:2018-08-22 热度:154
Java script实现的页面图片被动加载类,在使用前用1像素图像进行占位,并给img tag 添加 自定义bigsrc属性 ,当有图片进入可视区域内时,载入图片,提高页面载入速度,节省不必要的流量和连接数,x轴滚动加载功能未被实现。主函数获取其他脚本注册到window[详细]
-
鼠标经过放大图像,JS浮动层放大图像
所属栏目:[Asp教程] 日期:2018-08-22 热度:114
鼠标经过图像后弹出一个浮动层然后放大该图像,基于 Java Script的一个实现。需要事先准备好被放大的图片和缩略图,程序加载完图像后才能看到效果,这也是一个不完美的地方,仅供参考学习。 演示: htmlheadtitle鼠标经过弹出浮动层,放大图像/titlescript[详细]
-
JS放大镜,移动放大镜,JavaScript图片放大代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:172
JS放大镜, Java Script图片放大代码,JavaScript妙味课堂的一个作品,通过查看效果我们就可以了解到这样的效果不是一般水平可以实现的!的确,这是来自妙味课堂的一个小作品,具体效果大家自己看吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
JavaScript动态放大、缩
所属栏目:[Asp教程] 日期:2018-08-22 热度:130
Java Script动态放大图片,缩小图片,重置图片大小,为了加快效果演示,这里远程调用了一张像素比较小的图片,实际运用中你可根据需要选用。 演示代码: htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
JavaScript测试图片转场的滤镜特效
所属栏目:[Asp教程] 日期:2018-08-22 热度:197
Java Script测试图片转场的滤镜特效,为图片添加阴影效果,两种阴影效果的比较,欢迎学习和研究。 代码演示: htmlheadtitle测试图片转场的滤镜特效/titlestyle type=text/cssdiv {width:160;}/stylescript language=JavaScriptvar intflag = 0;function s[详细]
-
JavaScript滤镜控制功能的特效代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:103
Java Script滤镜控制功能的演示代码,让滤镜变成其它的效果,一个比较有趣的小例子,对于学习Javascript有一定的帮助,你可以点击下边的运行按钮查看效果,或者直接点击保存代码到本地。 演示: htmlheadtitleJavaScript控制滤镜特效/titlestyle type=text[详细]
-
CSS图片滤镜特效,阴影、水英灰度、透明度等
所属栏目:[Asp教程] 日期:2018-08-22 热度:87
多种CSS图片滤镜效果的实现代码,每一个效果都用一张图片加以演示,有阴影、水英灰度、透明度、反相、蓝色等效果,在平时我们写网页特效的时候,这些效果是非常常见的。看来CSS的Filter功能相当强大,如果您还不是太了解CSS,或者想学习CSS,请阅读烈火网[详细]
-
图片放大镜代码,JavaScript结合Css完成的特效
所属栏目:[Asp教程] 日期:2018-08-22 热度:145
实用漂亮的放大镜效果,基于 Java Script和CSS代码实现,此类效果可以移植到商品类的网站上,非常不错。代码比较精简,但效果确实不错,因调用的图片比较大,所以运行效果后请稍等一会,等待图片加载。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0[详细]
-
jQuery底部带导航的图片切换,上下滚动效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:113
jQuery 实现图片底部带导航的幻灯片切换代码,在切换时有上下滚动效果,并且当鼠标滑动经过底部的导航按钮时,图片就会切换,也可以叫做滑动式图片切换,还有图片的文字说明标题,聪明的你一看就知道这是翻译自国外网站的代码。 为解决一些网页特效运行后[详细]
-
JS图片变换效果,响应鼠标给图片增加链接代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:159
JS图片变换效果,当我们用鼠标指向或经过图片时,原本没有超级链接的图片会产生链接,并且图片也切换为另一张,不错的网页特效,可以用于一些搞笑类的网站上,例如:默认图片弄一张特漂亮的美眉,当鼠标指到上边时变成恶鬼,哈哈。。。烈火小编有点邪恶了[详细]
-
jQuery图片切换代码,横向拉动的幻灯片效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:78
一个比较简单的 jQuery 图片切换代码,图片切换时从右向左横向拉动,这样的幻灯片效果还是经常看到的,在烈火网特效代码中也有许多,有时间的童鞋可以去搜索一下。 这款图片切换的数字控制没有按照常规设计出现在图片上,而出现在图片的正文,这个您完全可[详细]
-
随风飘扬的国旗特效,JS+CSS动感的旗帜飘扬代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:75
每当国歌响起的时候,我们就会看到随风飘扬的国旗!但是您有没有在网页上看到类似GIF动画的图片国旗特效呢?这让小编想起了3年前烈火网发表的一篇教程:PS制作旗帜飘扬的GIF动画效果!不好意思,亲爱的朋友们,跑题了!这里要说明一点,我们是使用的JS+CSS[详细]
-
jQuery响应鼠标的滑动式背景透明的说明效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:152
这是一个非常棒的响应鼠标的、滑动式背景变色并且透明的文字说明效果,当然!肯定的!这里引用了 jQuery 插件,兼容性不用说了,IE系列浏览器和火狐、 Chrome 等都可以实现。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特[详细]
-
JS图片alt提示文字,右侧“方框”的说明效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:88
JS实现图片的提示效果,类似于alt的提示文字,只不过这里是在图片的右侧一个方框中给出的说明,比较个性的东西,大家看看用在哪里比较好吧。 代码演示: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadtitle简洁实用的图片文字说明效果/titlem[详细]
-
jQuery模拟图片切换,点击按钮动态滚动内容
所属栏目:[Asp教程] 日期:2018-08-18 热度:197
jQuery 模拟图片切换效果,当我们使用图片点击按钮时,内容动态滚动,这里的内容您完全可以替换为JPG或其它格式的图片,类似于此的效果还有烈火网于今年10月12日发表的《jQuery+Css模拟带标题导航的图片切换效果》,您可以回顾一下。 为解决一些网页特效运[详细]
-
鼠标放到、滑过图片动态放大效果,jQuery代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:155
一款 jQuery 放大图片的代码,当我们把鼠标放到图片上、滑过图片时,动态弹出放大的图片,这样的例子烈火网介绍过许多,有jQuery版的、还有JS放大图片的代码,有时间的朋友可以在站内搜索一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要[详细]
-
一个极简单的js图片切换,焦点图显示代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:61
一款简洁的网页焦作图,用在网页上可作图片切换,做的比较简洁,不管是焦点图的表现形式或是焦点图代码这方面,都省去了不少的代码,图片引用了本站的演示图片,在CSS中,可以设置焦点图控制按钮的背景图片,这样不至于图片会影响到控制按钮的显示。 示例[详细]
-
jQuery箭头控制图文内容左右滚动代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:99
jQuery 箭头控制图文内容左右滚动效果,代码中有大量的脚本注释,方便大家使用和修改,并且此例的兼容性也是不错的,欢迎大家使用。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效[详细]
