-
简单实现图片横向滚动(鼠标指向停止)
所属栏目:[Asp教程] 日期:2018-11-20 热度:170
最近有几个朋友一直在问笔者跑马灯的问题,其实在以前的教程中,烈火网曾经提到很多类似的效果,例如:Marquee实现向上滚动文字[鼠标指向停止]、多列文字上下循环滚动 鼠标指向停止、可以控制的友情链接图片横向滚动代码和JS实现图片无间隙滚动等。今天再[详细]
-
JS仿谷歌首页图片导航,响应鼠标动感大小
所属栏目:[Asp教程] 日期:2018-11-11 热度:173
Java Script仿Google首页特效的动感导航菜单,这个效果已经很常见了,鼠标放上后图标会变大,移开后恢复原貌,鼠标连续在图标上的滑过,会有更神奇的效果,看上去不错的导航菜单。 特效演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//E[详细]
-
JavaScript动态放大、缩
所属栏目:[Asp教程] 日期:2018-11-11 热度:70
Java Script动态放大图片,缩小图片,重置图片大小,为了加快效果演示,这里远程调用了一张像素比较小的图片,实际运用中你可根据需要选用。 演示代码: htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
javascript 新闻幻灯片代码,带有动画效果
所属栏目:[Asp教程] 日期:2018-10-18 热度:179
今天给站长朋友们介绍一个javascript 幻灯片播放的代码,带有动画切换效果,以前在网上见到的都挺复杂感觉,所以自己动手写一个简单的,用时候只需更改图片路径就行了,其它的参数代码里也能改,本代码最大的亮点是简单高效。 跟随烈火一起看一下效果,当[详细]
-
仿Flash幻灯带缓冲的焦点图切换轮播(黑色风格)
所属栏目:[Asp教程] 日期:2018-10-18 热度:149
就在刚才,烈火给大家介绍一款类似滑动门的图片轮播效果,现在再给出一款黑色风格带缓冲的JS焦点图代码,效果非常酷,刚刚打开时有Loading加载中效果,图片大小可通过修改CSS自定义实现。 实例演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
滑动门式的图片轮播切换效果,JS+CSS实现
所属栏目:[Asp教程] 日期:2018-10-18 热度:183
非常不错的图片轮播切换效果,类似于烈火以前提到的滑动门,有所不同的是:本特效可以设置时间自动切换,作者设计的UI原型是一个滑动门,又结合了图片特效,整体效果感觉挺不错,对 Java Script的学习帮助挺大。 看一下实例代码与演示: !DOCTYPE html PUB[详细]
-
鼠标经过图片时自动弹出网页窗口的特效
所属栏目:[Asp教程] 日期:2018-10-10 热度:121
可能很多朋友都有过这样的经历,在一个网站上转,鼠标无意中移到一张图片上时,就自动的打开了一个新网页。下面,烈火网就分享一下这个代码,有兴趣的朋友可以试试。这个代码还有一些另类的用法。比如,把这个代码的地址设置成某个自动ptp或转址站的下线链[详细]
-
jQuery 鼠标悬停图片颜色渐渐显示效果
所属栏目:[Asp教程] 日期:2018-09-20 热度:143
jQuery 鼠标悬停图片色彩渐显效果,鼠标放图片上,图片色彩会改变,而且是有幻影色彩的变化,很炫的效果,相信你会喜欢的。由此你也可看出,jquery库的强大,欢迎童鞋们跟烈火一起学习研究。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
纵向滚动的图片 带按钮的滚动JS代码
所属栏目:[Asp教程] 日期:2018-09-20 热度:130
纵向滚动的图片 带按钮的滚动JS代码 纵向的Js图片滚动代码,感应鼠标动作,当鼠标靠近图片两端时就自动滚动了,好像大家用横向的比较多一些,竖向的也是很有个性和特色的 html headtitlejs纵向滚动控制 - Liehuo.Net/titlestyle type=text/css*{padding:0;[详细]
-
js验证图片文件类型 是否允许上传
所属栏目:[Asp教程] 日期:2018-09-20 热度:108
js验证图片文件类型 是否允许上传? Java Script客户端判断文件类型及大小,一个客户端控制file上传图片类型和大小的示例(注意:由于是客户端限制,所以用户可以绕过这个限制)。 htmlheadtitle客户端控制上传图像的类型和大小/titlemeta http-equiv=cont[详细]
-
js图片放大镜效果 清晰的放大图像
所属栏目:[Asp教程] 日期:2018-09-20 热度:119
js图片放大镜效果 清晰的放大图像 超逼真的JS图片放大镜,效果的确不错,其实是载入了两张一样的图片,只不过被放大的图片像素是小的,在鼠标重载后加载大像素的图片,JS与CSS的配合还原鼠标点很不错,值得参考。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
仿sina新闻的简洁flash幻灯片特效代码
所属栏目:[Asp教程] 日期:2018-09-20 热度:197
仿sina新闻的简洁flash幻灯片特效代码 这是新浪新闻中心的一款新闻焦点切换效果,实现了图片未完全显示时正在下载的效果,可以说非常不错的flasn与js交互实例,希望对大家有所有帮助。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:[详细]
-
CSS结合PNG图片打水印的实现代码
所属栏目:[Asp教程] 日期:2018-09-20 热度:52
用纯CSS实现水印遮罩,看上去就像大家常见的水印,其实是运用叠加和透明度改变的方法实现两张图片互相折叠在一起。效果非常不错的哦,不过并不实现,这里只是让大家学习一下CSS的叠加技巧,如果真的想给图片打水印,还是利用服务端程序吧。 友情提示:烈火[详细]
-
间歇滚动的图片跑马灯,鼠标指向停止滚动
所属栏目:[Asp教程] 日期:2018-09-16 热度:181
本文给大家介绍的是利用Js写的一个图片滚动特效,在下面的实例中,图片一边滚动一边暂停,横向的滚动,一般常用到网站的友情链接模块,或者做图片导航相当不错的。注意代码里的nobr这个标签很重要,没有他firefox里无法正常显示。 实例效果: !DOCTYPE htm[详细]
-
纯CSS图片阴影效果(无图实现的图片阴影)
所属栏目:[Asp教程] 日期:2018-09-16 热度:190
本文中使用纯CSS给图片添加阴影的效果,没有用到图片,纯CSS实现代码,用背景填充及Margins标签两者结合实现的效果,尝试修改这两个标签的参数会有不同的阴影效果,其实也可使用CSS的滤镜来实现本类效果。 其实这样的实例,在烈火以前的文章中也曾经介绍过[详细]
-
CSS给图片增加简洁灰色的大边框效果
所属栏目:[Asp教程] 日期:2018-09-11 热度:152
CSS趣味图片边框之带间隔的大边框代码,看似简单,为什么别人做出来都挺漂亮呢?这就是配色和审美的因素了,好好学习一下吧,本效果用最简的代码写出的,其实还可以再精简,不过兼容性就变差了。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional[详细]
-
CSS给图片的边框添加阴影效果
所属栏目:[Asp教程] 日期:2018-09-11 热度:157
CSS趣味图片边框之阴影特效代码,这也是大家经常用到的,把一幅图片加上阴影,这样看上去图片是不是更漂亮了,本代码的实现是用一幅自带的阴影图片,用CSs代码去控制阴影图片的显示.当然除此之外,还有其它许多方法都能实现图片阴影. !DOCTYPE html PUBLIC -//W3[详细]
-
js图片循环滚动 向左右两边切换效果
所属栏目:[Asp教程] 日期:2018-09-11 热度:167
JS图片左右切换效果的代码,我费了九牛二虎之力才把这个效果整理好。重新定义了数组。主要是为了编辑们修改方便。图片显示的宽度。对应样式中的宽度也要修改为一致。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x[详细]
-
淡入淡出的js焦点图切换,带文字说明和播放控制
所属栏目:[Asp教程] 日期:2018-09-06 热度:152
经常来烈火网看网页特效的朋友一定会发现,最近 jQuery 的特效代码越来越多,对于js的使用,渐渐的少了,其实js还是现在的主流脚本,因为jQuery大家还不是很熟悉,在这里推荐大家到烈火提供的jQuery手册看看。 回到正题,介绍本文的特效,一款焦点图切换JS[详细]
-
圆角按钮Button,金属质感,纯CSS无图片
所属栏目:[Asp教程] 日期:2018-09-06 热度:101
纯css实现有质感的小圆角按钮,有金属质感,下面的代码中,可以看到,没有使用图片哦,不要感到怀疑,CSS可以的,给喜欢CSS的朋友们一点创意素材吧。 推荐阅读:烈火提供的CSS中文参考手册 演示效果: htmlheadtitle纯css实现的质感圆角按钮/titlestyle ty[详细]
-
响应鼠标左右滚动的横向图片滚动代码
所属栏目:[Asp教程] 日期:2018-09-06 热度:170
烈16火39网(LieHuo96.Net)网页特效:响应鼠标左右滚动的横向图片滚动代码,效果非常好。 介绍: 鼠标控制左右滚动的横向图片滚动代码,只要你把鼠标放到图片组的左端或右端,图片就会自动感应,然后改变滚动方向,比如,鼠标放左边后,图片会向左滚,放右[详细]
-
渐近动画显示的图片切换,基于jQuery1.4实现
所属栏目:[Asp教程] 日期:2018-09-06 热度:192
jQuery 循环图片滚动,这里请注意jQuery版本,1.3用以前版本可能会使本效果变差,最后用1.4以上版本,从官方说明看,jQuery1.4与1.3还是存在一些差别的。循环图片滚动用jQuery去实现是比较方便的,其效果大致另人满意。 近日,有很多站长恶意采集烈。火。[详细]
-
js鼠标触发图片快速切换效果的代码
所属栏目:[Asp教程] 日期:2018-09-06 热度:183
一个比较个性的图片切换,鼠标移到图片上,等待一会图片切换的速度会越来越快,几乎要旋转起来了。 本效果不太实用,就算是给大家一个研究和学习js的例子吧,欢迎大家提出宝贵意见。 效果: htmlheadtitle感应鼠标快速切换图片的 Java Script效果/titlemet[详细]
-
纯Css实现图片阴影代码 非常逼真的效果
所属栏目:[Asp教程] 日期:2018-09-06 热度:131
这是纯CSS实现的逼真图片阴影效果,如果觉得不满意,自己再修改下效果,代码比较简单,主要是使用了Filter滤镜,其中的参数都可以修改的。你可以试着修改各个值,看有什么效果。 演示: htmlheadtitleCSS实现逼真图片阴影效果/titlestyle.shadow {-moz-box[详细]
-
图片加载时候逐渐出现的砂粒波纹效果js版
所属栏目:[Asp教程] 日期:2018-09-06 热度:118
javascript实现的一款特效,我们经常在一些网站看到,就是在图片加载时候逐渐出现的砂粒波纹效果。 加载图片的时候不是一下子就出来了,而是由模糊到清淅,或是由一种不占用过多网络资源的方式先大致显示,然后再慢慢加载,避免因用户等不及将网页关掉,像[详细]