|
|
<!--文件頭模板-->
<SCRIPT src=top.js></SCRIPT>
<SCRIPT language=Javascript>
writeTop('Flash滾動顯示圖片代碼生成','2006-10-18');
</SCRIPT>
<!--以下為內容-->
<SCRIPT>
//運行代碼
function runEx(cod1) {
cod=document.getElementById(cod1)
var code=cod.value;
if (code!=""){
var newwin=window.open('','','');
newwin.opener = null
newwin.document.write(code);
newwin.document.close();
}
}
//復制代碼
function doCopy(ID) {
if (document.all){
textRange = document.getElementById(ID).createTextRange();
textRange.execCommand("Copy");
}
else{
alert("此功能只能在IE上有效")
}
}
//展開_收起段落
function close_open(theID){
if(document.getElementById(theID).style.display!='none') {
document.getElementById(theID).style.display='none';
}
else
document.getElementById(theID).style.display='block';
}
</SCRIPT>
<SCRIPT language=Javascript>
//生成代碼
function genCode()
{
var html='';
var picUrl='';
var picLink='';
var picTitle='';
var picWidth=0;
var picHeight=0;
var titleHeight=0;
var backgroudn='';
{
var tempUrl='';
var tempLink='';
var tempTitle='';
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 += '<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://staryxy.googlepages.com/PicPlay.swf';
html += ' width=' + picWidth;
html += ' height=' + (picHeight + titleHeight);
html += ' type=application/x-shockwave-flash WMODE="opaque" FLASHVARS="';
html += 'pics='+picUrl;
html += '&links='+picLink;
html += '&texts='+picTitle;
html += '&borderwidth=' + picWidth;
html += '&borderheight=' + picHeight;
html += '&textheight=' + titleHeight;
html += '" MENU="false"';
html += ' BGCOLOR="' + backgroudn;
html += '" QUALITY="high" ALLOWSCRIPTACCESS="sameDomain"></EMBED>';
document.getElementById('ShowCode').value = html;
show.innerHTML = html;
}
</SCRIPT>
<div style="margin-top:5px;background:#9abcde">
<div style='cursor:hand' onclick=close_open('edit')><li>設置</li></div>
<div id='edit' style="margin-left:15px; display:block;">
<div style="background:#cdcdcd">
圖片顯示寬度:<input size=10 id=picWidth title="圖片顯示寬度" value="300"></input>
圖片顯示高度:<input size=10 id=picHeight title="圖片顯示高度" value="200"></input>
文字區域高度:<input size=10 id=titleheight title="文字區域高度" value="20"></input>
背景色:<input size=10 id=backgroudn title="背景色" value='#cdcdcd'></input>
</div>
<div style="background:#eeeeee">
圖片一：
<input maxlength=2048 size=25 id=picUrl_1 value="http://staryxy.googlepages.com/diner1.jpg" title="圖片URL地址"></input>
鏈接地址：<input maxlength=2048 size=25 id=picLink_1 value="" title="鏈接地址"></input>
說明：<input maxlength=2048 size=20 id=picTitle_1 value="「夜宴」搞惡圖片1" title="說明"></input>
</div>
<div style="background:#cdcdcd">
圖片二：
<input maxlength=2048 size=25 id=picUrl_2 value="http://staryxy.googlepages.com/diner2.jpg" title="圖片URL地址"></input>
鏈接地址：<input maxlength=2048 size=25 id=picLink_2 value="" title="鏈接地址"></input>
說明：<input maxlength=2048 size=20 id=picTitle_2 value="「夜宴」搞惡圖片2" title="說明"></input>
</div>
<div style="background:#eeeeee">
圖片三：
<input maxlength=2048 size=25 id=picUrl_3 value="http://staryxy.googlepages.com/diner4.jpg" title="圖片URL地址"></input>
鏈接地址：<input maxlength=2048 size=25 id=picLink_3 value="" title="鏈接地址"></input>
說明：<input maxlength=2048 size=20 id=picTitle_3 value="「夜宴」搞惡圖片3" title="說明"></input>
</div>
<div style="background:#cdcdcd">
圖片四：
<input maxlength=2048 size=25 id=picUrl_4 value="http://staryxy.googlepages.com/diner7.jpg" title="圖片URL地址"></input>
鏈接地址：<input maxlength=2048 size=25 id=picLink_4 value="" title="鏈接地址"></input>
說明：<input maxlength=2048 size=20 id=picTitle_4 value="「夜宴」搞惡圖片4" title="說明"></input>
</div>
<div style="background:#eeeeee">
圖片五：
<input maxlength=2048 size=25 id=picUrl_5 value="http://staryxy.googlepages.com/diner8.jpg" title="圖片URL地址"></input>
鏈接地址：<input maxlength=2048 size=25 id=picLink_5 value="" title="鏈接地址"></input>
說明：<input maxlength=2048 size=20 id=picTitle_5 value="「夜宴」搞惡圖片5" title="說明"></input>
</div>
<div style="background:#cdcdcd">
圖片六：
<input maxlength=2048 size=25 id=picUrl_6 value="http://staryxy.googlepages.com/diner12.jpg" title="圖片URL地址"></input>
鏈接地址：<input maxlength=2048 size=25 id=picLink_6 value="" title="鏈接地址"></input>
說明：<input maxlength=2048 size=20 id=picTitle_6 value="「夜宴」搞惡圖片6" title="說明"></input>
</div>
<div style='cursor:hand' onclick=close_open('editmore')><li>更多(推薦6張以下,否則說明將看不到)</li></div>
<div id='editmore' style='display:none;'>
<div style="background:#eeeeee">
圖片七：
<input maxlength=2048 size=25 id=picUrl_7 value="" title="圖片URL地址"></input>
鏈接地址：<input maxlength=2048 size=25 id=picLink_7 value="" title="鏈接地址"></input>
說明：<input maxlength=2048 size=20 id=picTitle_7 value="" title="說明"></input>
</div>
<div style="background:#cdcdcd">
圖片八：
<input maxlength=2048 size=25 id=picUrl_8 value="" title="圖片URL地址"></input>
鏈接地址：<input maxlength=2048 size=25 id=picLink_8 value="" title="鏈接地址"></input>
說明：<input maxlength=2048 size=20 id=picTitle_8 value="" title="說明"></input>
</div>
<div style="background:#eeeeee">
圖片九：
<input maxlength=2048 size=25 id=picUrl_9 value="" title="圖片URL地址"></input>
鏈接地址：<input maxlength=2048 size=25 id=picLink_9 value="" title="鏈接地址"></input>
說明：<input maxlength=2048 size=20 id=picTitle_9 value="" title="說明"></input>
</div>
</div>
</div>
<div>
<input type=button onclick='Javascript:genCode();' value=生成代碼>
</input>
</div>
</div>
<div style="margin-top:5px;background:#9abcde">
<div onclick=close_open('code') style='cursor:hand'><li>代碼</li></div>
<div id='code' style='margin-left:15px;display:none;'>
<TEXTAREA rows="15" id="ShowCode" style="width:100%">
<!--此處顯示結果代碼-->
</TEXTAREA>
</div>
<div>
<INPUT onclick="runEx('ShowCode')" type="button" value="運行此代碼"/>
<INPUT onclick="doCopy('ShowCode')" type="button" value="復制此代碼"/>
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
</div>
</div>
<div style="margin-top:5px;background:#9abcde;">
<div onclick=close_open('show') style='cursor:hand'><li>顯示效果</li></div>
<div id='show' title="顯示效果" align=center style="margin-left:15px;display:none;background:#abcdef">
還沒有
</div>
</div>
</div>
JavaScript技術：用js實現的一個Flash滾動輪換顯示圖片代碼生成器，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
