首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Jquery学习札记二

2012-11-23 
Jquery学习笔记二今天要做个小例子,一个网页上有几张图片,当鼠标滑过的时候,将展示这个图片的大图,鼠标离

Jquery学习笔记二
    今天要做个小例子,一个网页上有几张图片,当鼠标滑过的时候,将展示这个图片的大图,鼠标离开的时候,图片消失。
    首先准备html页面,初始页面代码如下


接着要给这个html页面添加样式,样式代码如下

好了,现在就要实现功能了,只要在<script></script>中加上如下Jquery代码,就可以了

当全部工作完成之后,当你的鼠标划过页面的时候,效果如下


热点排行