左右箭头翻页例子

《左右箭头翻页例子》由会员分享，可在线阅读，更多相关《左右箭头翻页例子（3页珍藏版）》请在金锄头文库上搜索。

1、左右箭头翻页例子左右箭头翻页例子在工作时候学到的，不是无刷新，但很好用的翻页代码，如果你下载了本代码请认真 浏览，你会发现很简单、很好用；解决了 IE6 不兼容 PNG 背景图片的问题，效果很好。 (注意要下载“jquery-1.4.2.min.js”) 下面是我的一个例子：无标题文档.filmstrip imgwidth:100px;height:100px; .smallimageoverflow:hidden;zoom:1; .smallimage lifloat:left;margin-left:5px; .smallimage li imgwidth:80px;height:80px

2、; .companylistpadding:5px;line-height:1.8;font-size:12px .prod_info lifont-size:14px; .smallimagewidth:600px;margin:5px auto;background:#f5f5f5;padding:5px; .smallimage imgpadding:3px;border:1px solid #eaeaea .imgprodprev,.imgprodnextcursor:pointer$(function() var maxWidth =600; var maxHeight =550;

3、var imgwidth = $(“#bigimage“).width(); var imgheight = $(“#bigimage“).height(); if(imgwidth/imgheight1 if(imgheight/imgwidth1 $(“.bigimage li:first“).append(“); $(“.prod1“).css(position:“absolute“,width:“350px“,height:$(“#bigimage“).height()+“px“,cursor:“ url(images/arr_left.cur),pointer“,top:“0“,le

4、ft:“0“,background:“url(images/leftbig.png) left center no-repeat“,_filter:“progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/leftbig.png,s izingMethod=scale)“); $(“.prod2“).css(position:“absolute“,width:“350px“,height:$(“#bigimage“).height()+“px“,cursor:“ url(images/arr_right.cur),pointe

5、r“,top:“0“,right:“0“,background:“url(images/rightbig.png) right center no- repeat“,_filter:“progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/rightbig.pn g,sizingMethod=scale)“); $(“.prod1“).click(function()if($(“#hidprodprev“).val()=“0“)alert(“已经是第一件“);elselocation.href=$(“#hidprodprev“

6、). val(); ); $(“.imgprodprev“).click(function()if($(“#hidprodprev“).val()=“0“)alert(“已经是第一件“); elselocation.href=$(“#hidprodprev“).val();); $(“.prod2“).click(function()if($(“#hidprodnext“).val()=“0“)alert(“已经是最后一件“); elselocation.href=$(“#hidprodnext“).val(); ); $(“.imgprodnext“).click(function()if($(“#hidprodnext“).val()=“0“)alert(“已经是最后一件“); elselocation.href=$(“#hidprodnext“).val(); ); );周桂珍款紫砂壶