用js实现的一个Flash滚动轮换显示图片代码生成器

时间:2021-05-18

复制代码 代码如下:
<!--文件头模板-->
<SCRIPTsrc=top.js></SCRIPT>
<SCRIPTlanguage=javascript>
writeTop('Flash滚动显示图片代码生成','2006-10-18');
</SCRIPT>

<!--以下为内容-->
<SCRIPT>
//运行代码
functionrunEx(cod1){
cod=document.getElementById(cod1)
varcode=cod.value;
if(code!=""){
varnewwin=window.open('','','');
newwin.opener=null
newwin.document.write(code);
newwin.document.close();
}
}
//复制代码
functiondoCopy(ID){
if(document.all){
textRange=document.getElementById(ID).createTextRange();
textRange.execCommand("Copy");
}
else{
alert("此功能只能在IE上有效")
}
}

//展开_收起段落
functionclose_open(theID){
if(document.getElementById(theID).style.display!='none'){
document.getElementById(theID).style.display='none';
}
else
document.getElementById(theID).style.display='block';
}
</SCRIPT>

<SCRIPTlanguage=javascript>
//生成代码
functiongenCode()
{
varhtml='';
varpicUrl='';
varpicLink='';
varpicTitle='';
varpicWidth=0;
varpicHeight=0;
vartitleHeight=0;
varbackgroudn='';

{
vartempUrl='';
vartempLink='';
vartempTitle='';
for(i=0;i<9;++i){
tempUrl=document.getElementById('picUrl_'+(1+i)).value;
tempLink=document.getElementById('picLink_'+(1+i)).value;
tempTitle=document.getElementById('picTitle_'+(1+i)).value;
if(tempUrl=='')continue;
if(tempLink=='')tempLink=tempUrl;
if(tempTitle=='')tempTitle='无题';
picUrl+=tempUrl+'|';
picLink+=tempLink+'|';
picTitle+=tempTitle+'|';
}
picUrl=picUrl.substring(0,picUrl.length-1);
picTitle=picTitle.substring(0,picTitle.length-1);
picLink=picLink.substring(0,picLink.length-1);
picWidth=parseInt(document.getElementById('picWidth').value);
picHeight=parseInt(document.getElementById('picHeight').value);
titleHeight=parseInt(document.getElementById('titleHeight').value);
backgroudn=document.getElementById('backgroudn').value;
}

html+='<EMBEDpluginspage=http:///diner12.jpg"title="图片URL地址"></input>
链接地址:<inputmaxlength=2048size=25id=picLink_6value=""title="链接地址"></input>
说明:<inputmaxlength=2048size=20id=picTitle_6value="「夜宴」搞恶图片6"title="说明"></input>
</div>
<divstyle='cursor:hand'onclick=close_open('editmore')><li>更多(推荐6张以下,否则说明将看不到)</li></div>
<divid='editmore'style='display:none;'>
<divstyle="background:#eeeeee">
图片七:
<inputmaxlength=2048size=25id=picUrl_7value=""title="图片URL地址"></input>
链接地址:<inputmaxlength=2048size=25id=picLink_7value=""title="链接地址"></input>
说明:<inputmaxlength=2048size=20id=picTitle_7value=""title="说明"></input>
</div>
<divstyle="background:#cdcdcd">
图片八:
<inputmaxlength=2048size=25id=picUrl_8value=""title="图片URL地址"></input>
链接地址:<inputmaxlength=2048size=25id=picLink_8value=""title="链接地址"></input>
说明:<inputmaxlength=2048size=20id=picTitle_8value=""title="说明"></input>
</div>
<divstyle="background:#eeeeee">
图片九:
<inputmaxlength=2048size=25id=picUrl_9value=""title="图片URL地址"></input>
链接地址:<inputmaxlength=2048size=25id=picLink_9value=""title="链接地址"></input>
说明:<inputmaxlength=2048size=20id=picTitle_9value=""title="说明"></input>
</div>
</div>
</div>
<div>
<inputtype=buttononclick='javascript:genCode();'value=生成代码>
</input>
</div>
</div>


<divstyle="margin-top:5px;background:#9abcde">
<divonclick=close_open('code')style='cursor:hand'><li>代码</li></div>
<divid='code'style='margin-left:15px;display:none;'>
<TEXTAREArows="15"id="ShowCode"style="width:100%">
<!--此处显示结果代码-->
</TEXTAREA>
</div>
<div>
<INPUTonclick="runEx('ShowCode')"type="button"value="运行此代码"/>
<INPUTonclick="doCopy('ShowCode')"type="button"value="复制此代码"/>
[Ctrl+A全部选择提示:你可先修改部分代码,再按运行]
</div>
</div>



<divstyle="margin-top:5px;background:#9abcde;">
<divonclick=close_open('show')style='cursor:hand'><li>显示效果</li></div>
<divid='show'title="显示效果"align=centerstyle="margin-left:15px;display:none;background:#abcdef">
还没有
</div>
</div>
</div>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章