版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
1、綠色雨景模板-代碼分析(綠色字體為解釋) #itemImg_1,#itemImg_2,#itemImg_3,#itemImg_4,#itemImg_5,#itemImg_6,#itemImg_7,#itemImg_57,#itemImg_562306 filter:alpha(opacity=0); *color:#23821a; acolor:#23821a!important; body background:url(/UploadFiles/BlogFile/22/711608/2.jpg) repeat scroll!important; .banner background:url(
2、/UploadFiles/htmlImage/6(1195).jpg) no-repeat center bottom; height:280px; .banner pcolor:#23821a;font-famaly:楷體;font-size:20px; .linebackground:none; .pageMeta imgdisplay:none; .i_main #ctl00_ContentPlaceHolderMain_PresentationLbl,.title_dfont-size:14px; .link #left border: 0px; #right .space_lr,.t
3、itle_d,#five_main border: 0px; .i_space_lr .i_title_d border: 0px; #right .i_space_r .i_space_lr border: 0px; 以上4個語句可以合并如下: .link #left, #right .space_lr,.title_d,#five_main , .i_space_lr .i_title_d , #right .i_space_r .i_space_lr border: 0px; #right .i_space_r .one border:0px; background:url() .lin
4、k #leftbackground: url() repeat scroll 0 0 transparent; #left .Tt_a background: url(/UploadFiles/BlogFile/22/711608/5.jpg) repeat scroll 0 0 transparent; #right .space_lr .title_dbackground: url(/UploadFiles/BlogFile/22/711608/5.jpg) repeat-x scroll 0 0 transparent;color:#23821a; #five_menu backgrou
5、nd: url(/UploadFiles/BlogFile/22/711608/5.jpg) repeat-x scroll 0 0 transparent;border: 0px solid #23821a; .i_space_r .i_title_d background: url(/UploadFiles/BlogFile/22/711608/5.jpg) repeat-x scroll 0 0 transparent; .i_space_lr .i_main_b background:url(/UploadFiles/BlogFile/22/711608/5.jpg) ; .space
6、_lr .i_main_b background:url(/UploadFiles/BlogFile/22/711608/5.jpg) ; 以上6條代碼合并如下: #left .Tt_a, #right .space_lr .title_d, #five_menu, .i_space_r .i_title_d, .i_space_lr .i_main_b, .space_lr .i_main_b background: url(/UploadFiles/BlogFile/22/711608/5.jpg) repeat-x scroll 0 0 transparent; .i_space_r,#
7、left,.link,#five_header,.space_lr,.i_space_r .one background:url(/UploadFiles/BlogFile/22/711608/4.jpg); .five_sec2,.five_sec1 background:none;border: 1px solid white; .five_sec2,.five_sec1:hover background:none;border: 1px solid green; 如何保護源代碼不被復制呢? 去查看別人的代碼非常容易,右擊網頁“查看源代碼”就可以看到所有代碼,稍有點HTML知識,就能把別人
8、的效果應用于自己的頁面。但自己辛辛苦苦做出來的效果馬上就被人盜用了,多少還是點郁悶的。那就試一下下面的代碼吧,把它貼到你的“居民信息管理”|“個人愛好”|“自述”中,看看效果吧。 function Click() alert(版權所有,請勿復制!); window.event.returnValue=false; document.oncontextmenu=Click; 除了可以使用CSS添加頁面背景圖片外,還可以設置某種背景顏色,代碼如下: body background-color:pink; 注意:以上代碼添加到你的“居民信息管理”| “個人愛好”|“自述”中即可看到效果。 添加背景音
9、樂播放器的方法: 在“居民信息管理”|“個人愛好”|“自述”中添加以下代碼可添加背景音樂。到網上找一首自己喜歡的mp3,將其URL復制下來代替src后面部分(藍色字體部分)。 隱藏背景音樂播放器的方法:添加背景音樂和播放器代碼如下: 其中: 注:align=right 為右對齊,如果想左對齊,將right改為left,居中對齊改為center。 效果如下圖所示: 大學城插入浮動FLASH動畫代碼 代碼如下:代碼解釋:在距離頂邊75像素,距離左邊100像素,寬1004像素,高150像素的位置顯示該swf動畫效果利用此效果可以添加視頻,找到視頻后綴.swf的地址替換即可另外一種: 即style=L
10、EFT:100px; POSITION: absolute; TOP: 75px。這是絕對定位方式,對不同分辨率的顯示效果會有所不同。 代碼繼續(xù)深度解釋:使用EMBED標記(大小寫均可),可以插入多媒體元素,如背景音樂、視頻、Flash動畫等。embed標記的幾個常用屬性有: src=文件地址,也就是屬性里的網址;height=播放區(qū)域高度,取自然數,也可用百分比; width=播放區(qū)域寬度,取自然數,也可用百分比; autostart=true或者false,決定音樂文件下載完畢后是否自動播放,默認為false,對于一些flash無效;loop=true或者false,決定是否循環(huán)播放,也可
11、以跟自然數,決定循環(huán)次數,對于一些flash無效; controls=設定播放rm、mp3之類文件時的控制面版外觀(對flash無效),console(一般正常面板,默認)、controlpanel(精簡面板)、smallconsole(更小的面板)、playbutton(只顯示播放按鈕)、pausecutton(只顯示暫停按鈕)、stopbutton(只顯示停止按鈕)、volumelever(只顯示音量調節(jié)按鈕)、imagewindow(只顯示播放器屏幕); hidden=true或者false,決定是否完全隱藏控制畫面; title=提示信息,鼠標在播放區(qū)域懸停時顯示; hspace=自然
12、數,距其他文檔水平間距; vspace=自然數,距其他文檔垂直間距; quality=設定播放質量,low(播放質量最差)、medium(播放中等質量)、high(播放高質量,默認)、best(播放極高質量); plugins=插件地址,如果機器上沒有播放所需插件,可在這里設定安裝地址,對于已安裝的無效; type=文件類型;wmode=設置flash影片的window mode屬性,指定flash在瀏覽器中的透明、層疊及位置,可以取值window(影片在瀏覽器中自己的矩形窗口內播放)、opaque(影片隱藏了所有在它后面的內容)、transparent(使用flash影片透明,顯示透明影片后面的網頁內容,這將會降低動畫的性能,而且這個屬性不是在所有瀏覽器中都可用的)。 隱藏課堂魔方上方的小圖標代碼如下: #itemImg_1,#itemImg_2,#itemImg_3,#itemImg_4,#itemImg_5,#itemImg_6,#itemImg_7,#itemImg_57,#itemImg_562306, #itemImg_680616,#itemImg_85605,
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 細胞凋亡與骨關節(jié)炎
- 基于設計思維教學法的小學語文項目式學習理念與實踐模型
- 護理碩士研究生心理資本潛在剖面分析及與情緒幸福感的關系
- 國際志愿者日活動策劃
- 湖南省張家界市桑植縣2024-2025學年七年級上學期道德與法治期末試卷(含答案)
- 第十八章 平行四邊形 評估測試卷(含答案)2024-2025學年數學人教版八年級下冊
- 二零二五年度房產共同債權債務處理離婚協(xié)議3篇
- 貴州盛華職業(yè)學院《影視欄目包裝專題設計》2023-2024學年第一學期期末試卷
- 貴州黔南科技學院《設計原理》2023-2024學年第一學期期末試卷
- 新疆巴音郭楞蒙古自治州(2024年-2025年小學六年級語文)人教版課后作業(yè)(下學期)試卷及答案
- 英法核動力裝置
- GB/T 41837-2022溫泉服務溫泉水質要求
- YS/T 79-2006硬質合金焊接刀片
- 考研考博-英語-山東師范大學押題密卷附帶答案詳解篇
- 實用性閱讀與交流任務群設計思路與教學建議
- 中醫(yī)診療器具清洗消毒(醫(yī)院感染防控專家課堂培訓課件)
- 通風設施標準
- 藥廠生產車間現場管理-PPT課件
- 軸與孔標準公差表
- 防火門施工方案
- 人教PEP版2022-2023六年級英語上冊期末試卷及答案(含聽力材料)
評論
0/150
提交評論