html怎么实现当鼠标经过一个图片时显示另一张图片

1、准备切换素材，一般是两张，如图，放入img文件夹，跟HTML同级。

2、然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。

3、如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS。

4、如图，获取img，转成JS对象，加个[0]就可以转js对象了。

5、然后设定经过事件，切换成另一张，这样就产生鼠标经过切换的效果了。

6、但是一旦鼠标离开了，就要切换回原来的素材，所以再加一个离开事件，这样离开后就变换成原来的。

7、如图，现在我的鼠标在上，就变成twopicture了。

1，跨页面传输入内容首先要想到，全局变量；
2，但是全局变量，只能传文本。不能传元件对象；
3，先将原型发布预览，在预览模式下，找到需要加载的，右击复制地址；
4，我们是通过这个地址，赋值给全局变量。
5，在新页面，载入时，设置，然后把全局变量的值，传给；

1、在代码中经常用到的插入代码是img属性，格式就是<img src="" alt="">   src后面是添加的地址，后面的alt是对的描述。

2、在插入前，要将html文件和文件放在一个文件夹内，这里的img文件夹就是专门存放的地方。

3、然后回到代码栏，在src中输入链接地址img/pic_01jpg，要将的具体地址和名称全部写全才可以在网页中看到，否则就会显示连接失败错误而无法观看到。

4、将文件保存后，在浏览器中我么就可以看到此刻的被添加进来了，位于网页的左上角位置。

5、如果想要移动的所在位置，就需要先对其包装一下，用一个盒子将其包裹，然后调整盒子的位置就相当于移动的是的位置了。

6、如图，之前设置的盒子距离顶部100px然后距离左侧100px，这样就将盒子挤到了现在所在的位置，如图所示。

html网页如何插入、加入地图

一、WEB上支持的格式：

GIF：能保存256中颜色，支持透明色，支持动画效果

JPEG：不支持透明色和动画，颜色可达1670种

PNG：支持透明色，不支持动画，颜色有几种到1670种

二、将插入到网页中使用

标签：

src:设置，值等于一个文件的路劲

height:设置的高，值以像素或百分比表示（会自动按比例缩放）

width:设置的宽，值以像素或百分比表示

border:为加上边框

alt：说明文字，当不在显示的时候会显示该属性的值

title:该属性表示当，鼠标放在该上时会显示该属性的'值

align:属性值=left靠左，文字靠右

right靠右，文字靠左

top文字垂直居上靠

middle文字垂直居中

bottom文字垂直居下（默认）

vspace：属性值是像素，定义顶部和底部的空白

hspace：属性值是像素，定义左边和右边的空白

11、考试考得好，全靠同桌好。

12、在学校是那钱混日子，现在是拿日子混钱！

13、一些人，总要出卖他所有的，去换取他所没有的。

14、自爱，必先自私，唯有自私，才能大爱。

15、吉尼斯纪录：全世界最大的茶几面积为960万平方千米，可放置13亿杯具。

16、分手多没意思，有本事咱俩玩离婚！

17、走人民币的路，让人民无路可走！

18、三鹿奶粉，后妈的选择。

19、有一天小三哭了，因为出现了小四！

20、和你分手，因为，你连牵手都不配！

21、别在我面前摆POSE，我真怕忍不住想摔相机。

22、我们只是路人甲乙丙丁，在这花花世界集体游戏。无论你输我赢，到最后咱们都会一起GameOver！

23、我这一生一共做错两件事，其一是生出来，另一是活下去。

24、如果我死了，我的第一句话是：老子终于不用怕鬼了。

25、哥是文明人，所有脏话均已使用唾液消毒。

26、名人名言，你得先是名人了那才是名言，别人的屁都是名屁！你能比吗？

三、HTML地图索引：

地图索引，也就是用一样中的某一部分做超链接，可以做很多个超链接（使用设计视图就可以搞定）

为网页添加图标：放在头部标签内

;

有2两种解决方法。

第一种，在网页设计软件DW中，在整张上，画3块空白的框，对框设置链接。

第二种，将切割成3块，在DW中拼合，分别对3快设置连接。

---