-
刷新一次显示不同图片的特效代码
所属栏目:[Asp教程] 日期:2018-09-07 热度:74
利用 Java script实现的随机刷新的功能实现调用不同图片。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-[详细]
-
强制网页图片自适应大小的网页特效代码
所属栏目:[Asp教程] 日期:2018-09-07 热度:132
用CSS实现的可以强制图片自适应大小的代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=[详细]
-
百度联盟中的一个不错的图片切换特效
所属栏目:[Asp教程] 日期:2018-09-06 热度:176
这是一个网页设计中经常会用到的图片特效,实现多个图片之间的轮换,并分别带有连接,以前的代码只能适用于IE,在FF下始终没有得到很好的解决,今天意外的在百度联盟首页上看到这样的效果,支持FF,收藏起来备用。[详细]
-
横向带缓冲的图片轮播,可手动控制有页码
所属栏目:[Asp教程] 日期:2018-09-03 热度:102
本文中介绍的特效是由 Java script完成的,仿淘宝网的图片切换,类似相册播放的效果,没有使用 jQuery ,特效中带有页码,可以点击上一页,下一页手动控制切换。 请朋友们注意,代码初次写成,未经重新优化及整理,希望大家继续修正。 效果如下:横向带缓[详细]
-
js图片轮播切换特效,没有使用flash
所属栏目:[Asp教程] 日期:2018-09-03 热度:67
关于图片轮播,我们在以前的文章中说到过很多例子,例如:滑动门式的图片轮播切换效果、JavaScript+Css打造的图片轮播幻灯片等,烈火首页的新闻图片轮播也是这样的效果,与以前不同,原来我们经常用到flash做幻灯片新闻效果,现在用flash的越来越少了,尤[详细]
-
javascript 简单实现图片上传预览功能
所属栏目:[Asp教程] 日期:2018-08-28 热度:170
javascript 简单实现图片上传预览功能的代码,没有用到 jQuery ,各有各的特点吧,如果你的网站之前就用有jQuery话,为了方便起见,最好借助jQuery插件完成本功能。要么你就用现在这个纯 Java Script版本的,很实用的功能。 看一下演示效果: HTMLHEADTITL[详细]
-
jQuery 鼠标悬停图片颜色渐渐显示效果
所属栏目:[Asp教程] 日期:2018-08-26 热度:170
jQuery 鼠标悬停图片色彩渐显效果,鼠标放图片上,图片色彩会改变,而且是有幻影色彩的变化,很炫的效果,相信你会喜欢的。由此你也可看出,jquery库的强大,欢迎童鞋们跟烈火一起学习研究。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
纵向滚动的图片 带按钮的滚动JS代码
所属栏目:[Asp教程] 日期:2018-08-26 热度:124
纵向滚动的图片 带按钮的滚动JS代码 纵向的Js图片滚动代码,感应鼠标动作,当鼠标靠近图片两端时就自动滚动了,好像大家用横向的比较多一些,竖向的也是很有个性和特色的 html headtitlejs纵向滚动控制 - Liehuo.Net/titlestyle type=text/css*{padding:0;[详细]
-
js验证图片文件类型 是否允许上传
所属栏目:[Asp教程] 日期:2018-08-26 热度:138
js验证图片文件类型 是否允许上传? Java Script客户端判断文件类型及大小,一个客户端控制file上传图片类型和大小的示例(注意:由于是客户端限制,所以用户可以绕过这个限制)。 htmlheadtitle客户端控制上传图像的类型和大小/titlemeta http-equiv=cont[详细]
-
js图片放大镜效果 清晰的放大图像
所属栏目:[Asp教程] 日期:2018-08-26 热度:208
js图片放大镜效果 清晰的放大图像 超逼真的JS图片放大镜,效果的确不错,其实是载入了两张一样的图片,只不过被放大的图片像素是小的,在鼠标重载后加载大像素的图片,JS与CSS的配合还原鼠标点很不错,值得参考。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
仿sina新闻的简洁flash幻灯片特效代码
所属栏目:[Asp教程] 日期:2018-08-26 热度:80
仿sina新闻的简洁flash幻灯片特效代码 这是新浪新闻中心的一款新闻焦点切换效果,实现了图片未完全显示时正在下载的效果,可以说非常不错的flasn与js交互实例,希望对大家有所有帮助。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:[详细]
-
CSS结合PNG图片打水印的实现代码
所属栏目:[Asp教程] 日期:2018-08-26 热度:85
用纯CSS实现水印遮罩,看上去就像大家常见的水印,其实是运用叠加和透明度改变的方法实现两张图片互相折叠在一起。效果非常不错的哦,不过并不实现,这里只是让大家学习一下CSS的叠加技巧,如果真的想给图片打水印,还是利用服务端程序吧。 友情提示:烈火[详细]
-
CSS给图片增加简洁灰色的大边框效果
所属栏目:[Asp教程] 日期:2018-08-26 热度:124
CSS趣味图片边框之带间隔的大边框代码,看似简单,为什么别人做出来都挺漂亮呢?这就是配色和审美的因素了,好好学习一下吧,本效果用最简的代码写出的,其实还可以再精简,不过兼容性就变差了。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional[详细]
-
CSS给图片的边框添加阴影效果
所属栏目:[Asp教程] 日期:2018-08-26 热度:184
CSS趣味图片边框之阴影特效代码,这也是大家经常用到的,把一幅图片加上阴影,这样看上去图片是不是更漂亮了,本代码的实现是用一幅自带的阴影图片,用CSs代码去控制阴影图片的显示.当然除此之外,还有其它许多方法都能实现图片阴影. !DOCTYPE html PUBLIC -//W3[详细]
-
js图片循环滚动 向左右两边切换效果
所属栏目:[Asp教程] 日期:2018-08-26 热度:141
JS图片左右切换效果的代码,我费了九牛二虎之力才把这个效果整理好。重新定义了数组。主要是为了编辑们修改方便。图片显示的宽度。对应样式中的宽度也要修改为一致。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x[详细]
-
QQ在线状态自定义图片,通过js设置多个号码
所属栏目:[Asp教程] 日期:2018-08-26 热度:139
QQ在线客服状态检测,自定义在线状态图片,可设置不同的QQ号码,号码专一存放在数组里,可以设置无限多个。不过太我的话检测起来就会费时间,甚至为造成网页假死哦。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增[详细]
-
JavaScript控制图片显示在网页右下角
所属栏目:[Asp教程] 日期:2018-08-23 热度:87
Java Script控制图片显示在网页的右下角,不管你的浏览器窗口是大或是小,它都在右下角显示着呢,如果出现滚动条,它就不会显示在右下角了,有趣吧?但是不知道作者为什么写出这样的例子,也许是别有用心吧。 其实,现在有一些广告总会显示在右下角,不过代[详细]
-
Css滤镜结合JS实现完美的图片水纹倒影
所属栏目:[Asp教程] 日期:2018-08-23 热度:146
Css滤镜结合JS实现完美的图片水纹倒影,用CSS的filter:wave来设置倒影的大小以及轻重,然后用页面脚本去控制网页加载完成始载入本函数,图片的大小也跟倒影效果有影响,仔细研究研究,再不断的修改修改代码,你还会发现一些更有趣的效果. 效果演示: htmlheadti[详细]
-
一个非常简单的图片交替切换特效
所属栏目:[Asp教程] 日期:2018-08-23 热度:123
一个非常简单的图片交替切换特效,也是基于 Java Script实现,只不过是一个雏形,因为还不太完善,效果中随机水平细纹来切换过渡图片,学习JavaScript的朋友,不妨好好参考一下本程序,它用两个图片来说明图片切换的原理,相对简单可靠。 特效演示: htmlh[详细]
-
网页图片选择器,基于JavaScript编写实现
所属栏目:[Asp教程] 日期:2018-08-23 热度:197
网页图片选择器,基于 Java Script编写实现,用Select下拉框选择图片,然后跳转并显示出来。为了演示速度 ,这里调用的图片比较小,实际使用时你可以更换图片。 效果演示: htmlheadtitleJavaScript图片选择器/titlescript language=javascript!--function[详细]
-
图片无法显示时,加载默认图片的JS代码
所属栏目:[Asp教程] 日期:2018-08-23 热度:152
Java Script智能判断图片是否能够正确加载,若加载失败则用默认图片替换,这是个比较实用的功能,不少网站都可见到这种功能,一为使网站整洁,二来提升网页体验,不至于让别人觉得你这网站有问题。 看起来挺复杂的样子,其实非常简单,只要一句代码就可以[详细]
-
图片在DIV中上下左右都居中的CSS效果
所属栏目:[Asp教程] 日期:2018-08-23 热度:161
连续发表了两篇关于水平和上下居中的文章,大家可以通过本文尾部的上一篇来查看前边的文章,不说费话,烈火将又一款居中代码展示出来。 演示: htmlheadstyle type=text/css!--* {margin:0;padding:0}div {width:500px;height:500px;border:1px solid #666[详细]
-
图片大小未知,在已知DIV中上下左右居中
所属栏目:[Asp教程] 日期:2018-08-23 热度:132
未知大小的图片在已知的Div区域中居中,这是其中之一的方法,大家可看出,远程调用的百度Logo始终显示在外层方框的中间,这里的中间是指宽度和高度都居中,代码虽然不多,但效果挺不错,有必要参考。 演示效果: htmlheadtitle图片居中/titlestyle.box {bo[详细]
-
JavaScript通过button平移LOGO图片特效
所属栏目:[Asp教程] 日期:2018-08-23 热度:82
Java Script一个教学实例,物体平移 运动 特效,来自妙味课堂网站 www.miaov.com , 点击按钮后激活函数,控制图片在一定时间内匀速运动,是最简单、最基础的运动方式,其特点是运动的方向和速度都不发生改变。 实例演示: !DOCTYPE html PUBLIC -//W3C//D[详细]
-
图片匀速循环横向滚动,响应鼠标停止特效
所属栏目:[Asp教程] 日期:2018-08-23 热度:187
图片匀速循环横向滚动,响应鼠标停止,这是 Java Script封装代码,一个匀速不停滚动的横向图片滚动特效,使用非常简便,看看本代码你就会明白的,代码里有丰富注释,不管是学习或是想用到你的网页上,都是不错的选择。 实例演示: !DOCTYPE html PUBLIC -/[详细]