java图片上显示div_java显示图片预览DIV

//显示图片预览DIV

function showpicture(name) {

var pathvalue &＃61; "";

pathvalue &＃61; document.getElementById(name).value;

if(pathvalue&＃61;&＃61;"")

{

alert("没有可以预览的图片&＃xff01;");

}

else

{

var len&＃61;pathvalue.length;

var endstring&＃61;pathvalue.substring(len-1,len);

if(endstring&＃61;&＃61;",")//用户判断&＃xff0c;如果上传的图片串最后一个字符带有&＃39;,&＃39;的话&＃xff0c;先去掉&＃39;,&＃39;&＃xff0c;在进行处理&＃xff1b;

{

pathvalue&＃61;pathvalue.substring(0,len-1);

}

var divappends &＃61; "";

var arrypaht &＃61; pathvalue.split(",");

for (var i &＃61; 0; i

divappends &＃43;&＃61; "

}

if (divappends !&＃61; "") {

document.getElementById("displaypicture").style.display &＃61; "block";

}

document.getElementById("rollList").innerHTML &＃61; divappends;

}

scall();

}

function scall(){

$("#displaypicture").css("top",document.documentElement.scrollTop&＃43;100);

}

window.οnscrοll&＃61;scall;

//关闭图片预览DIV

function closeshow() {

document.getElementById("displaypicture").style.display &＃61; "none";

}

//图片显示效果JS开始

var $id &＃61; function (id) {

return document.getElementById(id);

};

var scrollHori &＃61; {locked:0, vector:0, start:function (thiso) {

if (scrollHori.locked &＃61;&＃61; 0) {

if (thiso.id &＃61;&＃61; "rollLeft" && $id("rollBox").scrollLeft !&＃61; 0) {

scrollHori.vector &＃61; -20;

scrollHori.scroll();

}

if (thiso.id &＃61;&＃61; "rollRight" && $id("rollBox").scrollLeft !&＃61; ($id("rollList").offsetWidth - $id("rollBox").offsetWidth)) {

scrollHori.vector &＃61;20;

scrollHori.scroll();

}

}

}, scroll:function () {

var step &＃61; 0;

var size &＃61; $id("rollList").offsetWidth / $id("rollList").getElementsByTagName("li").length;

play &＃61; setInterval(function () {

if (size > step) {

$id("rollBox").scrollLeft &＃43;&＃61; scrollHori.vector;

step &＃43;&＃61; Math.abs(scrollHori.vector);

scrollHori.locked &＃61; 1;

} else {

scrollHori.stop();

}

}, 20);

}, stop:function () {

if (window.play) {

clearInterval(window.play);

scrollHori.locked &＃61; 0;

}

}};

//图片显示效果JS结束