-
jQuery 幻灯片两款,缩略图和TAB风格
所属栏目:[Asp教程] 日期:2018-08-28 热度:152
分享两个比较实用的基于 jQuery 的幻灯片吧. 注释写了一个,不想写了,另一个还是原作者的英文注释.非原创,由我改良,无从考证原作者,在此感谢. 至于使用方法也就不写了(我声明了我最近比较懒,哈哈),比较简单,自己看DEMO修改吧. 本文出处:http://mrthink.net[详细]
-
js图片轮播切换特效,没有使用flash
所属栏目:[Asp教程] 日期:2018-08-28 热度:178
关于图片轮播,我们在以前的文章中说到过很多例子,例如:滑动门式的图片轮播切换效果、JavaScript+Css打造的图片轮播幻灯片等,烈火首页的新闻图片轮播也是这样的效果,与以前不同,原来我们经常用到flash做幻灯片新闻效果,现在用flash的越来越少了,尤[详细]
-
纯Css实现图片阴影代码 非常逼真的效果
所属栏目:[Asp教程] 日期:2018-08-25 热度:68
这是纯CSS实现的逼真图片阴影效果,如果觉得不满意,自己再修改下效果,代码比较简单,主要是使用了Filter滤镜,其中的参数都可以修改的。你可以试着修改各个值,看有什么效果。 演示: htmlheadtitleCSS实现逼真图片阴影效果/titlestyle.shadow {-moz-box[详细]
-
图片加载时候逐渐出现的砂粒波纹效果js版
所属栏目:[Asp教程] 日期:2018-08-25 热度:129
javascript实现的一款特效,我们经常在一些网站看到,就是在图片加载时候逐渐出现的砂粒波纹效果。 加载图片的时候不是一下子就出来了,而是由模糊到清淅,或是由一种不占用过多网络资源的方式先大致显示,然后再慢慢加载,避免因用户等不及将网页关掉,像[详细]
-
超酷的js图片切换代码 带有切片滤镜效果
所属栏目:[Asp教程] 日期:2018-08-25 热度:200
具备切片滤镜效果的 Java Script图片切换,图片像水纹一样过渡切换,可选参数有:风格样式、焦点图数量、切片效果(1为甩头,2为甩尾,3为凌乱,4随机)、焦点图切换间隔时间,本效果是无文字版的,也就是仅是图片在切换,烈火随后会发布有文字版。 示例:[详细]
-
仿必应搜索首页图片上显示渐隐渐现的小方块
所属栏目:[Asp教程] 日期:2018-08-25 热度:194
在图片上方显示渐显渐隐藏的小方格子,微软著名的搜索引擎必应(bing.com)就是使用了这种效果,只不过必应的小方框是可以带链接的,本例中没有实现链接,高手们可以修改一下,抽时间把必应的效果分享给大家,像这样的格子可以有很多,都在响应鼠标动作,[详细]
-
javascript 简单实现图片上传预览功能
所属栏目:[Asp教程] 日期:2018-08-25 热度:138
javascript 简单实现图片上传预览功能的代码,没有用到 jQuery ,各有各的特点吧,如果你的网站之前就用有jQuery话,为了方便起见,最好借助jQuery插件完成本功能。要么你就用现在这个纯 Java Script版本的,很实用的功能。 看一下演示效果: HTMLHEADTITL[详细]
-
jQuery 鼠标悬停图片颜色渐渐显示效果
所属栏目:[Asp教程] 日期:2018-08-25 热度:82
jQuery 鼠标悬停图片色彩渐显效果,鼠标放图片上,图片色彩会改变,而且是有幻影色彩的变化,很炫的效果,相信你会喜欢的。由此你也可看出,jquery库的强大,欢迎童鞋们跟烈火一起学习研究。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
纵向滚动的图片 带按钮的滚动JS代码
所属栏目:[Asp教程] 日期:2018-08-25 热度:172
纵向滚动的图片 带按钮的滚动JS代码 纵向的Js图片滚动代码,感应鼠标动作,当鼠标靠近图片两端时就自动滚动了,好像大家用横向的比较多一些,竖向的也是很有个性和特色的 html headtitlejs纵向滚动控制 - Liehuo.Net/titlestyle type=text/css*{padding:0;[详细]
-
js验证图片文件类型 是否允许上传
所属栏目:[Asp教程] 日期:2018-08-25 热度:171
js验证图片文件类型 是否允许上传? Java Script客户端判断文件类型及大小,一个客户端控制file上传图片类型和大小的示例(注意:由于是客户端限制,所以用户可以绕过这个限制)。 htmlheadtitle客户端控制上传图像的类型和大小/titlemeta http-equiv=cont[详细]
-
js图片放大镜效果 清晰的放大图像
所属栏目:[Asp教程] 日期:2018-08-25 热度:137
js图片放大镜效果 清晰的放大图像 超逼真的JS图片放大镜,效果的确不错,其实是载入了两张一样的图片,只不过被放大的图片像素是小的,在鼠标重载后加载大像素的图片,JS与CSS的配合还原鼠标点很不错,值得参考。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
仿sina新闻的简洁flash幻灯片特效代码
所属栏目:[Asp教程] 日期:2018-08-25 热度:174
仿sina新闻的简洁flash幻灯片特效代码 这是新浪新闻中心的一款新闻焦点切换效果,实现了图片未完全显示时正在下载的效果,可以说非常不错的flasn与js交互实例,希望对大家有所有帮助。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:[详细]
-
JavaScript动感图片标题的焦点图切换
所属栏目:[Asp教程] 日期:2018-08-22 热度:175
Java script 动感焦点图切换,标题和简短的图片介绍也是动感的,整体看上去很有灵气,本代码对于学习JavaScript的朋友来说,当作一款学习的参考代码也是适合的,好好研究一下吧。 特效演示: !Doctype htmlhtmlheadmeta http-equiv=Content-type content=t[详细]
-
JS图片响应鼠标自动切换当前效果
所属栏目:[Asp教程] 日期:2018-08-22 热度:182
Java Script实例,通过控制Html网页元素,来控制图片的重叠顺序,鼠标移上某一张,那一张就显示在最前面,移动到最后层,它会显示在最前,有意思吧,其实挺简单。 特效演示: htmlheadtitle改变图片重叠顺序/titlestyle type=text/css.s1{position:absolut[详细]
-
图片轮播效果,仿FLASH效果,JS+CSS效果
所属栏目:[Asp教程] 日期:2018-08-22 热度:164
一款很精致的 Java Script仿Flash图片切换效果,代码比较多,呵呵,用时候是可以封装的,将Js代码摘出封装一下还是不错的,图片由上至下滑动出现,并与底下的小图一一对应起来,当转到下一张时,小图片从右至左移动,下一张图片由上至下再滑动出来。 效果[详细]
-
图片定时自动更换,可设置时间,好似GIF动画
所属栏目:[Asp教程] 日期:2018-08-22 热度:114
两张图片定时自动来回更换,可以在JS中设置定时更换的时间,两张图片不断交替,好似GIF动画,当然这里使用的是两张图片,您可以制作多张图片,同时将图片内容做的相似一些,就可以形成真正的GIF了。 特效演示: htmlheadtitle每隔一定时间更换广告图片/tit[详细]
-
CSS处理图片灰度、反相、X光等效果代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:181
CSS处理图片灰度、反相、X光等效果代码,在Photoshop软件中,我们经常使用这样的效果来处理图片,今天烈火首次发表相关CSS的实现方式,对于提高大家的CSS水平非常有帮助。 推荐阅读:烈火提供的CSS中文手册 特效演示: htmlheadtitle灰度、反相、X光效果/t[详细]
-
JavaScript控制图片显示在网页右下角
所属栏目:[Asp教程] 日期:2018-08-22 热度:172
Java Script控制图片显示在网页的右下角,不管你的浏览器窗口是大或是小,它都在右下角显示着呢,如果出现滚动条,它就不会显示在右下角了,有趣吧?但是不知道作者为什么写出这样的例子,也许是别有用心吧。 其实,现在有一些广告总会显示在右下角,不过代[详细]
-
Css滤镜结合JS实现完美的图片水纹倒影
所属栏目:[Asp教程] 日期:2018-08-22 热度:54
Css滤镜结合JS实现完美的图片水纹倒影,用CSS的filter:wave来设置倒影的大小以及轻重,然后用页面脚本去控制网页加载完成始载入本函数,图片的大小也跟倒影效果有影响,仔细研究研究,再不断的修改修改代码,你还会发现一些更有趣的效果. 效果演示: htmlheadti[详细]
-
一个非常简单的图片交替切换特效
所属栏目:[Asp教程] 日期:2018-08-22 热度:155
一个非常简单的图片交替切换特效,也是基于 Java Script实现,只不过是一个雏形,因为还不太完善,效果中随机水平细纹来切换过渡图片,学习JavaScript的朋友,不妨好好参考一下本程序,它用两个图片来说明图片切换的原理,相对简单可靠。 特效演示: htmlh[详细]
-
网页图片选择器,基于JavaScript编写实现
所属栏目:[Asp教程] 日期:2018-08-22 热度:179
网页图片选择器,基于 Java Script编写实现,用Select下拉框选择图片,然后跳转并显示出来。为了演示速度 ,这里调用的图片比较小,实际使用时你可以更换图片。 效果演示: htmlheadtitleJavaScript图片选择器/titlescript language=javascript!--function[详细]
-
图片无法显示时,加载默认图片的JS代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:197
Java Script智能判断图片是否能够正确加载,若加载失败则用默认图片替换,这是个比较实用的功能,不少网站都可见到这种功能,一为使网站整洁,二来提升网页体验,不至于让别人觉得你这网站有问题。 看起来挺复杂的样子,其实非常简单,只要一句代码就可以[详细]
-
一款黑色风格的JS图片切换效果,代码来自奇艺
所属栏目:[Asp教程] 日期:2018-08-19 热度:89
一款黑色风格的图片切换效果,代码是在百度旗下 奇艺视频 网站整理下来的,怎么说呢!大站设计的东西就是漂亮,无论从UI视觉还是兼容性方面,都是非常棒的,个人站长调用简单方便,当然这里需要您有一定的HTML知识! 示例: !DOCTYPE htmlhtml xmlns=http:[详细]
-
jQuery+Css模拟带标题导航的图片切换效果
所属栏目:[Asp教程] 日期:2018-08-19 热度:111
jQuery +Css模拟带标题导航的图片切换效果,这里只所以给图片两个字加了引号,是解释为没有图片,而是使用了CSS层代替的,同时结合了强大的jQuery插件,给代码带来动感的切换效果,烈火网推荐您用于网站首页图文混排的内容切换形式,当然这里需要您有一定[详细]
-
图片查看器雏形,JS+CSS使用层模拟的代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:79
一款图片查看器雏形,前端技术大牛使用JS+CSS使用层模拟的代码,也就是说使用层替代了图片,同样有图片查看器的效果,右侧有导航切换。测试时候请把li标签内的内容更换为图片,每次点击标题,即可载入对应图片,就像一款 图片浏览器 一样。 示例: !DOCTYP[详细]
