div+css基礎總結(三)書寫代碼

1、用ul li 書寫橫向菜單欄
html

默認中ul li 會是一個縱向的列表。那麼該怎麼設置他們呢。app

一、設隱藏li的默認樣式並設置浮動ide

ul{ list-style: none outside none;   }  oop

li{float:left;}   這就能排成一排了。性能

二、以後的就是設置寬和高了。url

三、而後再添加超連接效果test a:link{color:#666;background:#CCC;text-decoration:none;}
.test a:visited{color:#666;text-decoration:underline;}
.test a:hover{color:#FFF; font-weight:bold;text-decoration:underline;background:#F00;}
spa

四、固然以後還要設置背景圖片了。通常是設置背景色
code

五、把連接以塊級顯示。xml

display:block;htm

詳細連接:http://www.bitscn.com/school/HTMLCSS/200609/60992.html

2、用flash製做焦點圖

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id=scriptmain name=scriptmain codebase="http://download.macromedia.com/pub/shockwave/cabs/

flash/swflash.cab#version=6,0,29,0" width="286" height="261">//這好像均可以。只要改下寬和高便可

      <param name="movie" value="bcastr.swf?bcastr_xml_url=xml/bcastr.xml">//嵌入一個名爲bcastr.swf的movie。

而bcastr.swf文件由幾張圖組成。這些圖的地址由bcastr.xml文件提供  

      <param name="quality" value="high">//定義顯示圖片的質量。默認爲高。可選low, autolow ,autohight ,medium, //best,hight

      <param name=scale  value=noscale>//設置flash縮放模式,value取值爲showall(顯示所有內容,保持比例,可是上下,或者左右可能有空白), noborder(縮放能夠裁減內容,保持比例,可是不留空白), exactfit(縮放按照flash設置的高度和寬度,不保持比例),noscale(不縮放,原始比例

      <param name="LOOP" value="false">

      <param name="menu" value="false">

      <param name="wmode" value="transparent">//name爲wmode用於設置flash窗口模式,value取值transparent(flash背景透明,有可能下降flash的性能)

      <embed src="bcastr.swf?bcastr_xml_url=xml/bcastr.xml" width="286" height="261" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed>

//loop -- 是否循環播放

  • 數字 -- 循環次數

  • true -- 循環播放

  • false -- 不循環播放,默認值

    </object>

注意:.xml文件一經加載後,就默認到了根目錄下面。(xml對數據賦予上下文相關功能)

3、

相關文章
相關標籤/搜索