-
JavaScript控制图片显示在网页右下角
所属栏目:[Asp教程] 日期:2018-08-23 热度:88
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 -/[详细]
-
在同一页面显示/调用多个js幻灯图片切换
所属栏目:[Asp教程] 日期:2018-08-23 热度:154
有时为了设计需要,我们会在同一个网页调用多个图片切换,而js中函数的相同性给我们带来一些局限,本文就来解决这个问题在同一页面显示/调用多个js幻灯图片切换。 烈83火25网(LieHuo69.Net)网页特效教17程,同一页面多次调用图片幻灯切换效果,在一个网页[详细]
-
网页上使用上下左右方向键控制图片移动
所属栏目:[Asp教程] 日期:2018-08-20 热度:71
烈38火07网(LieHuo24.Net)教24程 网页上使用上下左右方向键控制图片移动,用键盘上的方向键,来控制网页上某个图片的移动,按键,图片则向上,按键,图片则向下,其它也如此。聪明的朋友就会知道, Java Script通过获取键盘的键位码,改变图片在XY方向上的[详细]
-
鼠标拖动图片,JS实现鼠标拖动图片到网页任何位置
所属栏目:[Asp教程] 日期:2018-08-20 热度:123
烈07火54网(LieHuo12.Net)教11程 鼠标拖动图片,JS实现鼠标拖动图片到网页任何位置。鼠标拖动图片,经常见的一款效果了,觉得这款代码写的比较有新意,特别是代码量非常少,相信对学习 Java Script的朋友有所启发,点击运行,鼠标放到图片上,按下左键移动[详细]
-
jQuery放大商品图片tips提示框(纯CSS箭头+阴影)
所属栏目:[Asp教程] 日期:2018-08-20 热度:205
烈72火52网(LieHuo12.Net)网页63特效 jQuery 放大商品图片tips提示框,效果中有纯CSS箭头和阴影,在6om购物排行榜上发现了这个商品图片 jquery tips 提示层,非常漂亮。使用 Jquery 类库,代码精简,并且带人性化缺口和阴影。那个箭头不要以为是用图片做的[详细]
-
在网页上实现跟随鼠标移动的图片
所属栏目:[Asp教程] 日期:2018-08-20 热度:91
烈42火24网(LieHuo29.Net)教66程 在网页上实现跟随鼠标移动的图片,鼠标移到哪儿?图片就会跟到哪儿,有意思极了。在这个效果中,图片是一个红苹果,想一想,换成别的图片,会有更奇特的效果来。常用在个人博客个人主页上,一些喜欢个性的朋友们,动动脑袋[详细]
-
JavaScript伪3D轮播图片幻灯切换代码
所属栏目:[Asp教程] 日期:2018-08-20 热度:182
烈79火77网(LieHuo77.Net)教07程 Java Script伪3D轮播图片幻灯切换代码,IE6下表现不尽完美,其它浏览器倒没什么大碍。对于IE6看到的斑点,我只能表示很无奈。。。本从水平至此,期待交流~ 演示效果: htmlheadtitleJavaScript伪3D轮播图片幻灯切换代码/ti[详细]
-
纯CSS无图片实现带箭头的提示框,绝对牛叉
所属栏目:[Asp教程] 日期:2018-08-20 热度:191
烈62火28网(LieHuo98.Net)教29程 纯CSS无图片实现带箭头的提示框,绝对牛叉!这个提示框不要以为使用图片了,其实并没有,完全用CSS实现,超牛比吧。CSS高人们确实多啊,新手们赶快研究一下,超实用的效果。而且这个外框还会自适应,不管你的文字有多少、有[详细]
-
JavaScript响应鼠标的图片放大,比较个性
所属栏目:[Asp教程] 日期:2018-08-20 热度:179
Java Script实现一个比较个性的新型图片放大效果代码,在图片的某个区域上点击鼠标,会重点放大该区域,移动鼠标时,图片实时跟随放大区域,再次点击或离开图片区域时则图片恢复原大[详细]
-
jQuery响应鼠标的图片特效,来自Flickr照片分享网
所属栏目:[Asp教程] 日期:2018-08-20 热度:113
烈26火08网(LieHuo81.Net)教17程 Flickr照片分享网的图片预览特效,使用了jquery插件,貌似很不错的效果。鼠标放到图片上,图片会缩小,像是镜头从近拉远的感觉,是Flickr著名照片分享网上边的一个效果,那些大网站有不少网页特效都不错,挺实用,大家有空[详细]
-
鼠标移到图片上自动放大,基于jQuery框架
所属栏目:[Asp教程] 日期:2018-08-20 热度:132
烈47火22网(LieHuo15.Net)教75程 鼠标移到图片上自动放大,基于 jQuery ,刻Google上有过的图片放大效果,值得注意的是,鼠标指不同的位置,放大的位置也就不同。不多介绍了,大家自己看演示吧。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需[详细]
-
JavaScript版可控制切换的图片轮换特效
所属栏目:[Asp教程] 日期:2018-08-20 热度:72
Java Script版可控制的图片切换,设计精美,四张图片轮播,用了5张背景图,简洁大方。 使用说明: addTab(标签栏ID,标签栏子的标签tagname,左右按钮是否在标签栏中并在两侧,标签栏选中时的className,内容栏ID,内容栏子的标签tagname,左右按钮是否在内容栏[详细]
-
Js+css实现图片淡入效果的幻灯片代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:85
Js+css实现图片淡入效果的幻灯片代码,这是一个小通条(横长的)的图片切换代码,由于时间关系只在IE下测试通过,如果你打算用可在其它浏览器下测试一下,当然。图片中的尺寸是可以自己修改的,不过需要你有一定的HTML知识哦! 演示: htmlheadtitleJs+css[详细]
-
图片随机切换代码,每次刷新显示不同的图片
所属栏目:[Asp教程] 日期:2018-08-18 热度:200
Java Script实现的图片随机切换代码,即每次刷新网页显示不同的图片,大家也许见过这样的特效,运行用了JavaScript中的时间函数now.getSeconds()编写而成,并非是使用了Random随机函数,供大家参考和学习。 示例: htmlheadmeta http-equiv=Content-Type c[详细]
-
利用表格填充层模拟图片向上的滚动特效
所属栏目:[Asp教程] 日期:2018-08-18 热度:86
在本文中,作者作用JS技术+表格填充层模拟图片向上滚动,当然这里只是为了实现这么一种效果,您可以在td中设置要滚动的文字或链接,也可以在td设置IMG图片链接,包括可以修改表格的宽度、高度和颜色等等。 示例代码: htmlheadmeta http-equiv=Content-Typ[详细]
-
JS图片切换代码二则,幻灯+缩略图的实例效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:61
在下边的代码中,共有两款图片切换效果,基于 Java Script+CSS完成的,图片变换方式是幻灯片多样的,还有一个是带缩略图导航的,非常不错的两个图片切换特效,希望大家喜欢,多多支持烈火网哦! 示例代码: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-[详细]
-
jQuery焦点图轮播代码,可控制图片数量和其它参数
所属栏目:[Asp教程] 日期:2018-08-18 热度:80
一款 jQuery 焦点图轮播代码,时间关系只是完成了切换效果,如果您打算用在自己的网站上,请自行完善一下,在代码中可以控制图片数量、切换的速度、宽度高度和颜色等,如果您的HTML水平不是太好,建议您阅读更多jQuery焦点图的代码,以便于查找自己满意的[详细]
