鼠标移动到一张图片时变为另一张图片

2016-02-19 11:49 270 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐鼠标移动到一张图片时变为另一张图片,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

代码如下:

用以下代码. 
script language="JavaScript"!-- 
c0off = new Image(80,30); c0off.src = "图片1位置"; 
c0on = new Image(80,30); c0on.src = "图片2位置"; 
function img_act(imgName) 

imgOn = eval(imgName+"on.src"); 
document[imgName].src = imgOn; 


function img_inact(imgName) 

imgOff = eval(imgName+"off.src"); 
document[imgName].src = imgOff; 


function erase() 

window.status="网页教学网"; 


function moveover(txt) 

window.status=txt; 

// --/script/p 
a href=intex.htm 
onmouseover="img_act('c0');moveover('图片名');return true;" 
onmouseout="img_inact('c0');return true;"img 
src="图片1位置" border="0" width="80" height="30" name="c0"/a 

来源:http://www.tulaoshi.com/n/20160219/1598752.html

延伸阅读
Photoshop使用一张图片表现多点时间   有一种概念把时间称www.tulaoshi.com作第四维度,日复一日年复一年,在这漫漫长河里,我们也只能记录短暂的一瞬间。至于说将时间与摄影相容,近来比较火的就是延时摄影了。不过延时之后的成果要不就是一段短片,或者是一张GIF图片。不过这些都不是今天的重点,我这次为你介绍的是一种比较另类的...
来源:形色主义作者:苏色 本教程用到的溶图方法非常特别,基本上不需要蒙版及橡皮工具就可以实现。只需要用调整一下图层样式的混合选项就可轻松溶图。 原图 最终效果 1、打开原图素材和下面的天空素材,把天空素材拖进来适当放好位置,然后点击图层面板下面的混合选项,如下图。 2、选择混合选项,出现下图所示界面...
本教程虽然为临摹教程,不过难度还是非常大的。因为临摹的时候需要重新去构图及刻画细节。颜色方面需要结合美术用色稍作修改。这样出来的效果才会更漂亮。 原图 最终效果 1、先用渐变拉出天空底色。 2、新建图层刻画山体。PS的套索工具其实是画山的好帮手,可以轻松获得随机而肯定的山体边缘。 3、首先我只用PS的圆头...
标签: PS
如何使用ps将两张图片合成一张   1、首先我们要提前选择两张我们需要合成的图片,然后打开PS,新建一个足够大的画布(www.tulaoshi.com)。 2、将两张需要合成的图片用移动工具拖动到新建的画布上。 3、按住ctrl+t键对图片大小进行适当的调整,并摆成你想要的效果。 4、选择图示的裁剪工具,对画布进行裁剪,将...
标签: Web开发
自从我发表了 大背景网站 合集之后,我收到了很多邮件,询问怎样才能用 CSS 来定义网站中的大背景。于是我就想,分享下我在制作大背景网站中所应用到的技术或许是个不错的主意。在这篇教程中,我会提供多种 CSS 事例来讲解,如何使用一张或者两张图片来创建大背景网站。 常见的错误: 背景被裁减 (查看 演示) 看一下 演示 文件效果, 在 1...

经验教程

443

收藏

53
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部