| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 498 人关注过本帖
标题:谁有这样的显示图片效果代码
只看楼主 加入收藏
mai_25
Rank: 3Rank: 3
来 自:上海
等 级:论坛游侠
帖 子:206
专家分:131
注 册:2006-7-22
结帖率:65.22%
收藏
已结贴  问题点数:10 回复次数:1 
谁有这样的显示图片效果代码
当鼠标划过缩略图片上,出现清晰的大图片。  例如:http://www.
搜索更多相关主题的帖子: 缩略图 
2011-02-11 17:22
gupiao175
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:40
帖 子:1787
专家分:7527
注 册:2007-6-27
收藏
得分:10 
程序代码:
<div id="showimg" style="overflow:hidden;text-align:center;position:absolute;background:#fff;width:700px;height:550px;z-index:1001;">
      <div id='smallpic' style="overflow:auto;margin-left:20px;width:150px;height:500px;background:#D2EDF6;float:left;display:inline;">
         <ul style="list-style:none;">
          <li><img src="1.jpg" style="width:90px;height:90px;" onclick="showbig(this.src);"></img></li>
          <li><img src="2.jpg" style="width:90px;height:90px;" onclick="showbig(this.src);"></img></li>
          <li><img src="3.jpg" style="width:90px;height:90px;" onclick="showbig(this.src)"></img></li>
          <li><img src="4.jpg" style="width:90px;height:90px;" onclick="showbig(this.src)"></img></li>
          <li><img src="5.jpg" style="width:90px;height:90px;" onclick="showbig(this.src)"></img></li>
         </ul>
      </div>
      <img id='bigpic' style="float:right;width:500px;heigth:500px;margin-right:20px;"src="1.jpg"></img>
    </div>
    <script>
    function showbig(obj){
         document.getElementById('bigpic').src=obj;
        };
    </script>
这样可否,排版自己改!

Q:1428196631,百度:开发地 即可找到我,有事请留言!
2011-02-11 22:23
快速回复:谁有这样的显示图片效果代码
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.012512 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved