日期:2014-05-16  浏览次数:20401 次

求一段js 图片左边 显示 向左 箭头
求一段js    图片左边 显示 向左 箭头 按下去后 会导向我预先设这 url;同理,右边也这样。

和sina微博相册有些相似

网上的,我查了下都是在页内进行图片切换,我需要点击后整个转到另外页面。

谢谢

------解决方案--------------------

<img id='img1' />
<div id='left' style='position:absolute'></div>
<div id='right' style='position:absolute'></div>



$(document).ready(function() {
    // 箭头定位
    var imgPosition = $('img1');
    var imgWidth = $('img1').prop("clientWidth");
    var rightWidth = $("right").prop("clientWidth");
    $("#left").css({
        left: imgPosition.left,
        top: imgPosition.top
    });
    $("#right").css({
        left: imgPosition.left + imgWidth - rightWidth,
        top: imgPosition.top
    });
    // 点击左箭头,跳转URL
    $("#left").bind("click", function() {
        document.location.url = "";
    });
    // 点击右箭头,跳转URL
    $("#right").bind("click", function() {
        document.location.url = "";
    });
});