http://www.smallrain.net/javascript.asp?type=图形图像
解决方案 »
- 进来看看,谷狗浏览器下js的一些问题
- 问个算法问题
- JavaScript插入DOM范围的内容无法显示
- 怎么根据链接改变样式?
- 杭州电信却持网站怎么解决?我的网站www.hoterp.com打不开,自动转到了114上的了
- 初学JavaScript,以下函数不能理解?
- 如何生成类似google suggest那样的效果
- 我是想在JavaScript调用数据库的数据,怎么不可以啊?????????急急急
- JavaScript 函数不能操作 Session 对象吗?
- 请问在HTML或ASP文件中如何包含一个远程站点中的页面?
- 请问用js如何将包含<BR>的字符串内容输出到textarea中后,让<BR>自动回车换行
- 不明白问题,window.createPopup() 弹出的内容,怎么隐藏?
然后在你的向右按钮里写一个事件使每个scr="<script> document.write"array[i]"</script>"
里的i的值自动i=i+1 向左的按钮写i=i-1
这样不可以么? 偶路过``不过感觉用marquee好象不太好整你说你的那个哟
大致思路:
箭头onmouseover 触发函数,发送ajax请求接下来的5个图片的地址
至于移动之类的,我想用javascript的层和css应该都可以做到吧(css不是很熟悉,不过javascript一定可以)如果没用过ajax可以用隐藏帧技术
http://www.cnblogs.com/windyman/archive/2006/12/20/597677.html
水平有限,实在无法办到。
哪位高手能够实现,小弟感激不尽!!!
这100图为当前图的前后50(49)个偏移。这样可以提高速度。之后的操作也就是坐标的操作了
如果array下标越界,会自动填充g_errPsrc图片<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> - http://www.never-online.net </title>
<meta http-equiv="ImageToolbar" content="no" />
<meta name="creator.name" content="never-online, BlueDestiny" />
<style type="text/css" media="all" title="Default"> </style>
<script type="text/javascript">
//<![CDATA[
// this is code fragment, good luck! var g_aImage = [];
var g_prefix = "img";
var g_errPsrc = "err.jpg";
var g_offset = 5; (function loadThisDefaults (a) { // load pic path to array
for (var i=0; i<10; i++) {
a[i]="http://zi.csdn.net/intel_120x60.gif";
}
})(g_aImage); function loadImages() { // load pic to container
for (var i=0; i<arguments.length; i++) {
assignSrc(i+1, arguments[i]);
};
function assignSrc (idx, arrSub) {
try {
var r = document.getElementById;
r(g_prefix+idx).src = !!g_aImage[arrSub]?g_aImage[arrSub]:g_errPsrc;
r(g_prefix+idx).setAttribute("idx",arrSub); // find array sub with element attribute "idx"
} catch (ex) { alert(ex.message); }
};
}; function thisClickEventHandler (sDir) { // event handler
sDir = sDir.toLowerCase();
if (!!document.getElementById) { var r = document.getElementById; /* this assign only for IE */ }
else { throw new Error ("can not support DOM"); } (function validateTheLocation (sDir) {
// make sure the location is valid
var isValided = true;
var errMsg = ""; if (isValided==false) {
// if boolean variable is false, show ui dialog
ui(errmsg, "dlg");
return;
}
})(sDir); function ui (msg, arg) {
// dialog userinterface
if (arg=="dlg") {
window.alert(msg);
} // else if...
}; function getIdxByAttribute (vElementId) {
// get idx by attrubite
var retval=-1;
try {
retval = parseInt(r(vElementId).idx);
alert(retval)
} catch (ex) {};
return retval;
}
var cur_loc = -1;// current location flag
var arg_arr = []; if (sDir=="left") {
cur_loc = getIdxByAttribute("img1");
for (var i=g_offset; i>0; i--)
arg_arr.push(cur_loc-i);
} else if (sDir=="right") {
cur_loc = getIdxByAttribute("img5");
for (var i=1; i<=g_offset; i++)
arg_arr.push(cur_loc+i);
} else {
throw new Error("arguments Error");
} //if (cur_loc<0) { throw new Error("sub Error"); }
loadImages.apply(null, arg_arr);
} onload = function () {
loadImages(0,1,2,3,4);
}
//]]>
</script>
</head> <body id="www.never-online.net">
<button onclick="thisClickEventHandler('left')">left</button>
<img id="img1" src="">
<img id="img2" src="">
<img id="img3" src="">
<img id="img4" src="">
<img id="img5" src="">
<button onclick="thisClickEventHandler('right')">right</button>
</body>
</html>