<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>
三种常用的网页滑动门效果源代码,使用CSS+JS,无需ajax及jquery等。
第一种方式最简单,由js控制css显示样式。
第二种方式采用js事件和css遮罩,实现起来稍麻烦些,但可实现鼠标悬停切换功能。
第三种方式通过改变遮罩层的左右位置来实现,不建议使用,因为可能会造成某些浏览器的界面溢出现象。
<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>
<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>
<script src="http://www.google.com/reader/ui/publisher.js" type="text/javascript"></script> <script src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&callback=GRC_p(%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC" type="text/javascript"></script>
参考:【蓝色理想】http://www.blueidea.com/