『壹』 求类似于淘宝产品详情页面大图下面多个小图然后点击左右箭头可以换图片的那种效果的CSS或js代码
http://down.admin5.com/texiao/flash/这里有很多的。我这俩天正好做的个那·~但是JS有冲突，希内望到时候你也帮容我
『贰』 如何用js做翻页效果
参考代码如下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<scripttype="text/javascript"language="javascript"src="http://www.codefans.net/ajaxjs/jquery-1.4.2.min.js"></script>
<scripttype="text/javascript"language="javascript">
$(function(){
$("#right").click(function(){
varroll=$("<div></div>",{css:{position:"absolute",border:"solid1px#999",left:"806px",top:"10px",height:"494px",width:"1px",background:"#fff"}}).appendTo($("#book").parent());
$(roll).animate({
left:"10px",
width:"398px"
},1000,function(){
$("#left").css({"background":"#fff"});
$(roll).fadeOut(300,function(){
$(roll).remove();
})
});
});
});
</script>
</head>
<bodystyle="padding:5px;margin:0;">
<divid="book"style="width:797px;height:494px;background:#ccc;border:solid6px#ccc;">
<divid="left"style="width:398px;height:494px;float:left;background:url(http://www.codefans.net/jscss/demoimg/201011/PLh.png)no-repeattopleft;cursor:pointer;"></div>
<divid="right"style="width:398px;height:494px;float:left;background:#fff;cursor:pointer;margin-left:1px;text-align:right;"><pstyle="margin-top:470px;font-size:12px;color:#999;">点这翻页</p></div>
</div>
</body>
</html>
『叁』 求js用箭头控制图片轮滚原理，图片不是固定张数。求有代码的详细注释！！！！原理，实现原理，谢谢各位
js可以检测到键盘按下的事件，所有每次键盘按下的时候判断是什么键，在这之前要初始一些值
<style>
#lb{width:500px;height:300px;}
#lb img{position:absolute;left:500px;top:0;width:100%;height:100%;}
#lb img.active{left:0}
</style>
<div id="lb">
<img src="xxx.jpg" class="active">
<img src="xxx.jpg">
<img src="xxx.jpg">
</div>
<script>
//图片滚动到第几的一张
var index = 0;
//这里要获取图片对象
var imgObj= document.getElementsByTagName("img");
//获取图片数量
var length = imgObj.length;
//默认值为0,此变量用了记录上一张的索引
var par = 0;
//键盘下线时候触发的函数
window.onkeydown = function(e){
if(e.keyCode == 37){
leftFun(); //左箭头按下调用左边滚动函数
}else if(e.keyCode == 39){
rightFun (); //右箭头调用右边滚动函数
}
};
//往左边滚动的调用函数
var leftFun = function(){
index--;
if(index<0) index = length -1;
animate(index);
};
//往右边滚动的调用函数
var rightFun = function(){
index++;
if(index>length) index = 0;
animate(index);
};
//执行滚动的动画函数。
var animate= function(i){
//这里面就你自己写了代码比较多
}
</script>
『肆』 怎么用JS代码实现，带箭头左右滑动的效果
或许可以这样。页面中间放几个iframe，命名里边加上数字，版比如iframe_1，iframe_2，iframe_3。然后旁边放两个按钮。默权认iframe_1可见，其他隐藏。点右翻页就iframe_2可见，其他隐藏。不知道行不行得通。
『伍』 javascript怎么实现箭头的滚动效果
先了解一下对复象的几个制的属性：innerHTML:设置或获取位于对象起始和结束标签内的HTMLscrollHeight:获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置offsetWidth:获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的宽度图片上无缝滚动向上滚动图片下无缝滚动向下滚动图片左无缝滚动向左滚动图片右无缝滚动向右滚动
『陆』 如何使用js代码实现点击动态箭头就跳到下一个网页
你哪个动态箭头应该是一张图片 所以就定位到图片 给一个点击事件 让其跳转 比如
js代码
document.getElementById("img1").onclick(function(){
location.href="a.html";
//或者 window.open("a.html");
});
<img src="images/a.gif" id="img1" />
『柒』 JS写的一个图片轮换特效，每次一张，带左右箭头按钮。
<script>
var picarr=new Array("1.jpg","2.jpg","3.jpg");
var mypoint=-1;
function changepic(myflag)
{
if(myflag<0)
{
mypoint=mypoint-1;
if (mypoint<0) { mypoint=picarr.length-1;}
}
else
{
mypoint=mypoint+1;
if (mypoint==picarr.length) { mypoint=0;}
}
document.getElementById("pic").src=picarr[mypoint];
}
</script>
<body style="text-align:center;" onload="changepic(0);">
<div style="width:810px;background-color:#eee">
<span onclick="changepic(-1);" onmousemove="this.style.color='red';" onmouseout="this.style.color='blue';" style="cursor: hand">《-LastOne </span>
<img id=pic border="0" width=600 style="text-align:center;vertical-align:middle;"/>
<span onclick="changepic(0);" style="cursor: hand;" onmousemove="this.style.color='red';" onmouseout="this.style.color='blue';" > NextOne-》</span>
</div>
<body>