DW 简单效果代码整理
我是初網頁設計的菜鳥,在學習過程中遇到了很多問題需要解決,在解決的過程中也積累了一些基本的東東,其中也得到了很多熱心朋友的幫助和指教,所以我將我知道的一點知識也拿出來和大家分享,希望對超級菜鳥們有所幫助.
?1.滾動圖片代碼:
<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;'><!--滾動區的高度和寬度-->
<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.滾動文字代碼:
<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邏輯故障部分用戶免費服務</a></td>
??????????? </tr>
??????????? <tr>
????????????? <td height="18" valign="top"> ·<a href="#" class="sty">免費體檢一體計算機故障</a> </td>
??????????? </tr>
??????????? <tr>
????????????? <td height="18" valign="top"> ·<a href="#" class="sty">物理開盤規定不得超過3000元</a> </td>
??????????? </tr>
??????????? <tr>
????????????? <td height="20" valign="top"> ·<a href="#" class="sty">raid陣列有望超低價服務</a> </td>
??????????? </tr>
??????????? <tr>
????????????? <td height="19" valign="top"> ·<a href="#" class="sty">保密方式服務</a></td>
??????????? </tr>
????????? </table>
????????? </marquee>
?
?
1.向左滾動代碼：
<marquee scrollAmount=2 width=300>你想滾動什么</marquee>
??
?2.圖片滾動代碼：
<marquee scrollAmount=2 width=300><IMG src="http://yuyuflower.52blog.net/user1/22713/upload/20058308120.gif" border=0></marquee>
??
?3.滾動字幕連接代碼:
<marquee scrollAmount=2 width=300><a href=http://yingling21.52blog.net/user1/26852/index.shtml>消失部落</a></marquee>
?點擊消失部落就可以進入了
?????
4.鼠標停留在文字上，文字停止滾動
<marquee scrollAmount=2 width=300 οnmοuseοver=stop() οnmοuseοut=start()>文字內容</marquee>
??
?5.多行文本向上滾動:
<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.文字滾動自動停留，滾動的代碼
<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>純 屬 原 創 <BR><BR>未 經 本 人 許 可 <BR><BR>不 得 擅 自 轉 載 <BR><BR></P></FONT></MARQUEE></FONT></DIV>
具體操作如下所示：
控制面板----個人首頁維護----自定義空白面板----新增----鉤顯示源代碼----粘貼音樂代碼----去掉鉤----保存
如果是新增的面板可以再接著點----左上角的 定制我的首頁----添加模塊----鉤選----選取----保存
提示：
1） 公告內容可以根據自己的想法改，在代碼中改，字的中間可以加空格，每一個<BR>是一個單元。
2） scrollAmount=1 scrollDelay=1可以設置數值，也就是滾動速度，數值越大滾動越快。
3） direction=是滾動的方向，up=上，down=下，left=左，right=右，都可以自定義，愿意怎么滾動就怎么滾動。
4） width= 寬度，height= 高度 可以更改，
自己多試試 祝好運！
?3.加頁面程序代碼:
<!--#include file="內容"-->
?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. 表單提交后的連接問題：
<form name="form1" method="post" action="轉向路徑">
//需提交內容的控件
<input type="submit" name="Submit" value="提交">//提交按鈕
</form>
代碼設字體顏色：<font color="#993300"></font>
?7.滾動條代碼：
<style type="text/css">
body {SCROLLBAR-FACE-COLOR:#3333FF;(立體滾動條凸出部分的顏色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滾動條空白部分的顏色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立體滾動條陰影的顏色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按鈕上三角箭頭的顏色)
SCROLLBAR-BASE-COLOR:#333333; (滾動條的基本顏色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48}
或者---直接放頁面里
<style type="text/css">
html, body {
scrollbar-3dlight-color: #7f99a8;（立體滾動條左側邊框的顏色）
scrollbar-arrow-color: #666666;(上下按鈕上三角箭頭的顏色)
scrollbar-base-color: #333333; (滾動條的基本顏色)
scrollbar-darkshadow-color: #b4fc48;（立體滾動條右側邊框的顏色）
scrollbar-face-color: #3333FF;(立體滾動條凸出部分的顏色)
scrollbar-highlight-color: #505050;（立體滾動條左側邊框的顏色）
scrollbar-shadow-color: #fc2400;(立體滾動條右側陰影的顏色)
scrollbar-track-color: #ffffff;(滾動條空白部分的顏色)
}
?8.如何讓層位于flash對象之上
<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);
}
保存到一個script.js?
?
在頁面寫上調用的代碼
<script type="text/javascript" src="script.js"></script>
? Formater 18:02:13
<a? href="#" οnclick="javascript:AddFav('http://www.xxxx.com','www.xxx.com')">收藏本頁 </a>
<a? href="#" οnclick="javascript:SetHomePage(this,'http://www.xx.com')">設為主頁</a>
出現錯誤的原因一般是：<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級目錄里的網頁要用/html/
)
? 10、在彈出窗口中加上一個關閉按鈕
<FORM>
<INPUT TYPE='BUTTON' VALUE='關閉' onClick='window.close()'>
</FORM>
呵呵，現在更加完美了！
轉載于:https://www.cnblogs.com/freedom831215/archive/2009/10/03/1577477.html
總結
以上是生活随笔為你收集整理的DW 简单效果代码整理的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 半导体材料概述
- 下一篇： Behavior(行为)