C# 放大镜功能

引用

 http://pan.baidu.com/share/link?shareid=396538&uk=2234966138&third=15

js调用

1     <script type="text/javascript">
2         $(document).ready(function () {
3             $("#ShowPictureBox").JNMagnifier({
4                 renderTo: "#ShowBigPictureBox"
5             });
6         });
7     </script>

html代码

1             <div id="ShowPictureBox" style="margin-bottom: 10px;">
2                 <div src="<%=paper.Pic %>" style=" width:200px; height:200px;">
3                 <img src="<%=Url.ImageAutoSize(200,200,paper.Pic,ImageSizeMode.W) %>" alt="<%=paper.PaperName%>" title="<%=paper.PaperName%>"/></div>
4             </div>
5             <div id="ShowBigPictureBox" style=" position:absolute; top:220px; left:570px; overflow:hidden; display:none; border:3px solid #ccc; padding:5px; background-repeat:no-repeat; background-color:#fff; width:300px; height:300px;">
6             </div>

效果预览

posted @ 2013-04-11 14:17  丹扬  阅读(671)  评论(0)    收藏  举报