读书人

求一段js 图片左侧 显示 向左 箭头

发布时间: 2013-12-16 23:49:16 作者: rapoo

求一段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 = "";
});
});

读书人网 >JavaScript

热点推荐