软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 建站程序 > CMS教程 > 各类CMS通用“鼠标触发”放大图片效果

各类CMS通用“鼠标触发”放大图片效果

  先看一下代码,其中有css与html代码部分:

以下为引用的内容:
<title>liehuo.net</title>
<style>
/*定义CSS*/
div#resize a:hover{position: absolute; margin-left:-200px; float:left}
div#resize a img{width: 333px;}
div#resize a img{height: 180px;}
div#resize a:hover img{width: 666px;}
div#resize a:hover img{height: 378px;}
</style>

演示效果

<div id=resize>
<a href=http://www.veryhuo.com/ target=_blank><img src=http://www.veryhuo.com/uploads/allimg/090930/1_090930171900_1.jpg border=0></a>
</div>

  如果你会CSS,可以做到更完美。


提示:可修改后代码再运行!

 

    相关阅读
    栏目导航
    推荐软件