2005年08月9日 17:05
小表情表格教學
一定有很多人在自己的電腦中，存著可愛的小表情圖片，但要用在網路上就很麻煩
那現在我們直接做一個表情的產生器不就很好嗎??
先將你的表情傳上空間(哪都可以，不過建議還是不會改檔名的好，因為這樣就可以事先知道檔名了)
再來將下面的原始碼copy下來
<script language="JavaScript">
function mm(namee){
ma.t_i.value="<img border=0 src=空間的網址" + namee +">"
}
function copy(obj){
obj.select();
obj.focus();
var objT=obj.createTextRange();
objT.execCommand("copy");
}
</script>
<form method="POST" action="--WEBBOT-SELF--" name="ma">
<p align="center">
<input type="text" name="t_i" size="68"><INPUT onclick=copy(document.ma.t_i); type="button" value="COPY" name=Button>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="47%" id="AutoNumber1" align="center">
<tr>
<td width="100%">
<img border="0" src="檔名" width="15" height="15" name="檔名" onClick="mm(name)">
</td>
</tr>
</table>
</p>
</form>
function mm(namee){
ma.t_i.value="<img border=0 src=空間的網址" + namee +">"
}
function copy(obj){
obj.select();
obj.focus();
var objT=obj.createTextRange();
objT.execCommand("copy");
}
</script>
<form method="POST" action="--WEBBOT-SELF--" name="ma">
<p align="center">
<input type="text" name="t_i" size="68"><INPUT onclick=copy(document.ma.t_i); type="button" value="COPY" name=Button>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="47%" id="AutoNumber1" align="center">
<tr>
<td width="100%">
<img border="0" src="檔名" width="15" height="15" name="檔名" onClick="mm(name)">
</td>
</tr>
</table>
</p>
</form>
再來就是改
ma.t_i.value="<img border=0 src=空間的網址" + namee +">"
改成如(不可以有"這個東西哦!!)(就是存圖片的網址前的東西如：http://blog.roodo.com/f85122/afeij5.gif)
ma.t_i.value="<img border=0 src=http://blog.roodo.com/f85122/" + namee +">"
接下來再改
<img border="0" src="檔名" width="15" height="15" name="檔名" onClick="mm(name)">
改成如下(就是存的圖片的的名字如：http://blog.roodo.com/f85122/afeij5.gif)
<img border="0" src="http://blog.roodo.com/f85122/afeij5.gif" width="15" height="15" name="afeij5.gif" onClick="mm(name)">
接下來，如果你有很多張圖片的話(這裡可以直接用表格的方法下去編排了)
…
<img border="0" src="http://blog.roodo.com/f85122/afeij5.gif" width="15" height="15" name="afeij5.gif" onClick="mm(name)">
<img border="0" src="http://blog.roodo.com/f85122/caieq.gif" width="15" height="15" name="caieq.gif" onClick="mm(name)">
…
<img border="0" src="http://blog.roodo.com/f85122/afeij5.gif" width="15" height="15" name="afeij5.gif" onClick="mm(name)">
<img border="0" src="http://blog.roodo.com/f85122/caieq.gif" width="15" height="15" name="caieq.gif" onClick="mm(name)">
…
接下來就請存檔(或者是直接貼到樂多的自由欄位中吧!!)
表格的語法：
<tr></tr> 一列
<td></td> 一欄
可以用內鑲式網頁來用，也可以直接另開新的視窗來玩
這是例子(請不要直接將圖連到這，謝謝)：按這
引用URL
http://cgi.blog.roodo.com/trackback/355981
回應文章
| 檢舉 |
Posted by 焦貓
at 2005年08月9日 19:34
| 檢舉 |
Posted by smilie
at 2005年11月14日 09:58