DW 简单效果代码整理
我是初網(wǎng)頁(yè)設(shè)計(jì)的菜鳥,在學(xué)習(xí)過(guò)程中遇到了很多問(wèn)題需要解決,在解決的過(guò)程中也積累了一些基本的東東,其中也得到了很多熱心朋友的幫助和指教,所以我將我知道的一點(diǎn)知識(shí)也拿出來(lái)和大家分享,希望對(duì)超級(jí)菜鳥們有所幫助.
?1.滾動(dòng)圖片代碼:
<style type="text/css">
<!--
body {
?margin-left: 0px;
?margin-top: 0px;
?margin-right: 0px;
?margin-bottom: 0px;
}
-->
</style>??<div align='center' id='dem' style='overflow:hidden;height:100px;width:591px;'><!--滾動(dòng)區(qū)的高度和寬度-->
<table? width="704" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td id="dem1" >
<table width="950" align="center"? border="0" cellpadding="0" cellspacing="0">
<tr><td height="10"></td></tr>
<tr>
? <td>
<img src="file:///F|/www.fixhome.cn/img/px-1.jpg" width="150" height="100"> <img src="file:///F|/www.fixhome.cn/img/px-2.jpg" width="150" height="100"> <img src="file:///F|/www.fixhome.cn/img/px-4.jpg" width="150" height="100"><img src="file:///F|/www.fixhome.cn/img/px-3.jpg" width="150" height="100"> <img src="file:///F|/www.fixhome.cn/img/px-5.jpg" width="150" height="100"> <img src="file:///F|/www.fixhome.cn/img/px-6.jpg" width="150" height="100"> </td>
</tr></table>
<td id="dem2"></td>
</tr></table>
</div>
<script>
var Picspeed=15
dem2.innerHTML=dem1.innerHTML
function Marquee1(){
if(dem2.offsetWidth-dem.scrollLeft<=0)
dem.scrollLeft-=dem1.offsetWidth
else{
dem.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,Picspeed)
dem.οnmοuseοver=function() {clearInterval(MyMar1)}
dem.οnmοuseοut=function() {MyMar1=setInterval(Marquee1,Picspeed)}
</script>
?2.滾動(dòng)文字代碼:
<marquee direction="up" height="108" scrolldelay="200">
????????? <table width="249" height="108"? border="0" cellpadding="0" cellspacing="0" οnmοuseοver=stop() οnmοuseοut=start() >
??????????? <tr>
????????????? <td width="306" height="21" valign="top"> ·<a href="#" class="sty">2006邏輯故障部分用戶免費(fèi)服務(wù)</a></td>
??????????? </tr>
??????????? <tr>
????????????? <td height="18" valign="top"> ·<a href="#" class="sty">免費(fèi)體檢一體計(jì)算機(jī)故障</a> </td>
??????????? </tr>
??????????? <tr>
????????????? <td height="18" valign="top"> ·<a href="#" class="sty">物理開盤規(guī)定不得超過(guò)3000元</a> </td>
??????????? </tr>
??????????? <tr>
????????????? <td height="20" valign="top"> ·<a href="#" class="sty">raid陣列有望超低價(jià)服務(wù)</a> </td>
??????????? </tr>
??????????? <tr>
????????????? <td height="19" valign="top"> ·<a href="#" class="sty">保密方式服務(wù)</a></td>
??????????? </tr>
????????? </table>
????????? </marquee>
?
?
1.向左滾動(dòng)代碼：
<marquee scrollAmount=2 width=300>你想滾動(dòng)什么</marquee>
??
?2.圖片滾動(dòng)代碼：
<marquee scrollAmount=2 width=300><IMG src="http://yuyuflower.52blog.net/user1/22713/upload/20058308120.gif" border=0></marquee>
??
?3.滾動(dòng)字幕連接代碼:
<marquee scrollAmount=2 width=300><a href=http://yingling21.52blog.net/user1/26852/index.shtml>消失部落</a></marquee>
?點(diǎn)擊消失部落就可以進(jìn)入了
?????
4.鼠標(biāo)停留在文字上，文字停止?jié)L動(dòng)
<marquee scrollAmount=2 width=300 οnmοuseοver=stop() οnmοuseοut=start()>文字內(nèi)容</marquee>
??
?5.多行文本向上滾動(dòng):
<marquee scrollAmount=2 width=300 height=160 direction=up>我不在乎有滿身的傷口<br>在乎的只是你一句話<br>為什么你都不能回答我呢?<p>·<a href=http://yingling21.52blog.net/user1/26852/index.shtml>消失部落</a></marquee>
6.文字滾動(dòng)自動(dòng)停留，滾動(dòng)的代碼
<DIV style="FILTER: glow(color=#97694F ,strength=16); COLOR: #000000; HEIGHT: 10px"><FONT size=2>
<MARQUEE style="WIDTH: 213px; HEIGHT: 120px" scrollAmount=1 scrollDelay=1 direction=up width=213 height=120>
<P align=left>公 告 : <BR><BR>本 blog 的 文 章 <BR><BR>純 屬 原 創(chuàng) <BR><BR>未 經(jīng) 本 人 許 可 <BR><BR>不 得 擅 自 轉(zhuǎn) 載 <BR><BR></P></FONT></MARQUEE></FONT></DIV>
具體操作如下所示：
控制面板----個(gè)人首頁(yè)維護(hù)----自定義空白面板----新增----鉤顯示源代碼----粘貼音樂(lè)代碼----去掉鉤----保存
如果是新增的面板可以再接著點(diǎn)----左上角的 定制我的首頁(yè)----添加模塊----鉤選----選取----保存
提示：
1） 公告內(nèi)容可以根據(jù)自己的想法改，在代碼中改，字的中間可以加空格，每一個(gè)<BR>是一個(gè)單元。
2） scrollAmount=1 scrollDelay=1可以設(shè)置數(shù)值，也就是滾動(dòng)速度，數(shù)值越大滾動(dòng)越快。
3） direction=是滾動(dòng)的方向，up=上，down=下，left=左，right=右，都可以自定義，愿意怎么滾動(dòng)就怎么滾動(dòng)。
4） width= 寬度，height= 高度 可以更改，
自己多試試 祝好運(yùn)！
?3.加頁(yè)面程序代碼:
<!--#include file="內(nèi)容"-->
?4.新窗口打開代碼:
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--
function window_onload() {
<!--Page.OnLoad-->
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
? window.open(theURL,winName,features);
}
//-->
</SCRIPT>
<A?? οnclick="MM_openBrWindow('001.htm','','width=450,height=440')"
??????????????????????? href="javascript:;"><font color="#FF9900">豪華套間</font></A>
?? 5.虛線代碼:
#0080C0<td style="BORDER-bottom: #999999 1px dotted"> </td>
?6. 表單提交后的連接問(wèn)題：
<form name="form1" method="post" action="轉(zhuǎn)向路徑">
//需提交內(nèi)容的控件
<input type="submit" name="Submit" value="提交">//提交按鈕
</form>
代碼設(shè)字體顏色：<font color="#993300"></font>
?7.滾動(dòng)條代碼：
<style type="text/css">
body {SCROLLBAR-FACE-COLOR:#3333FF;(立體滾動(dòng)條凸出部分的顏色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滾動(dòng)條空白部分的顏色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立體滾動(dòng)條陰影的顏色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按鈕上三角箭頭的顏色)
SCROLLBAR-BASE-COLOR:#333333; (滾動(dòng)條的基本顏色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48}
或者---直接放頁(yè)面里
<style type="text/css">
html, body {
scrollbar-3dlight-color: #7f99a8;（立體滾動(dòng)條左側(cè)邊框的顏色）
scrollbar-arrow-color: #666666;(上下按鈕上三角箭頭的顏色)
scrollbar-base-color: #333333; (滾動(dòng)條的基本顏色)
scrollbar-darkshadow-color: #b4fc48;（立體滾動(dòng)條右側(cè)邊框的顏色）
scrollbar-face-color: #3333FF;(立體滾動(dòng)條凸出部分的顏色)
scrollbar-highlight-color: #505050;（立體滾動(dòng)條左側(cè)邊框的顏色）
scrollbar-shadow-color: #fc2400;(立體滾動(dòng)條右側(cè)陰影的顏色)
scrollbar-track-color: #ffffff;(滾動(dòng)條空白部分的顏色)
}
?8.如何讓層位于flash對(duì)象之上
<param name="wmode" value="transparent"> FLASH將透明
<param name="wmode" value="Opaque"> FLASH仍將保持不透明
</style>
</style>
?? 9.添加到收藏夾：
你把
function SetHomePage(obj,url){
?obj.style.behavior='url(#default#homepage)';
?obj.setHomePage(url);
}
function AddFav(url,sitename){
?window.external.addfavorite(url,sitename);
}
保存到一個(gè)script.js?
?
在頁(yè)面寫上調(diào)用的代碼
<script type="text/javascript" src="script.js"></script>
? Formater 18:02:13
<a? href="#" οnclick="javascript:AddFav('http://www.xxxx.com','www.xxx.com')">收藏本頁(yè) </a>
<a? href="#" οnclick="javascript:SetHomePage(this,'http://www.xx.com')">設(shè)為主頁(yè)</a>
出現(xiàn)錯(cuò)誤的原因一般是：<script type="text/javascript" src="script.js"></script>? 最好加在<head></head>之間
你傳上去就可以了
本地看你用<script type="text/javascript" src="../script.js"></script>?
?
傳上去就用<script type="text/javascript" src="/html/script.js"></script> (凡是到2級(jí)目錄里的網(wǎng)頁(yè)要用/html/
)
? 10、在彈出窗口中加上一個(gè)關(guān)閉按鈕
<FORM>
<INPUT TYPE='BUTTON' VALUE='關(guān)閉' onClick='window.close()'>
</FORM>
呵呵，現(xiàn)在更加完美了！
轉(zhuǎn)載于:https://www.cnblogs.com/freedom831215/archive/2009/10/03/1577477.html
總結(jié)
以上是生活随笔為你收集整理的DW 简单效果代码整理的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 半导体材料概述
- 下一篇： Behavior(行为)