版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
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。这是绝对定位方式,对不同分辨率的显示效果会有所不同。 代码继续深度解释:使用EMBED标记(大小写均可),可以插入多媒体元素,如背景音乐、视频、Flash动画等。embed标记的几个常用属性有: src=文件地址,也就是属性里的网址;height=播放区域高度,取自然数,也可用百分比; width=播放区域宽度,取自然数,也可用百分比; autostart=true或者false,决定音乐文件下载完毕后是否自动播放,默认为false,对于一些flash无效;loop=true或者false,决定是否循环播放,也可
11、以跟自然数,决定循环次数,对于一些flash无效; controls=设定播放rm、mp3之类文件时的控制面版外观(对flash无效),console(一般正常面板,默认)、controlpanel(精简面板)、smallconsole(更小的面板)、playbutton(只显示播放按钮)、pausecutton(只显示暂停按钮)、stopbutton(只显示停止按钮)、volumelever(只显示音量调节按钮)、imagewindow(只显示播放器屏幕); hidden=true或者false,决定是否完全隐藏控制画面; title=提示信息,鼠标在播放区域悬停时显示; 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. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 商品防损员安全强化评优考核试卷含答案
- 船舶机械装配工诚信道德强化考核试卷含答案
- 老年人能力评估师岗前核心能力考核试卷含答案
- 玻璃制品机械成型工创新意识评优考核试卷含答案
- 工业机器人系统操作员安全培训竞赛考核试卷含答案
- 2型糖尿病合并亚临床甲减患者血清TSH水平与肾功能的相关性分析
- 基于主动式建筑理念的北京市老旧厂房改造策略研究
- 2026四川省国土整治中心考核招聘专业技术人员1人笔试备考试题及答案解析
- 2026春季江西铜业集团有限公司贵溪冶炼厂校园招聘变更20人考试备考题库及答案解析
- 2026广东深圳市九洲电器有限公司招聘行政前台岗1人考试备考题库及答案解析
- 新能源汽车动力电池管理及维护技术教案:任务3-3 DCDC转换器的拆装与检测
- 2023年资产负债表模板
- 国开计算机组网技术实训1:组建小型局域网
- TCHSA 010-2023 恒牙拔牙术临床操作规范
- 2019人教版新教材高中化学选择性必修三全册重点知识点归纳总结(复习必背)
- dd5e人物卡可填充格式角色卡夜版
- 宝鸡某烟厂联合厂房施工组织设计
- 布袋除尘器安装使用说明书
- 心血管系统解剖生理
- 陕西省西乡县牧马河乔山水电站工程竣工环境保护验收监测报告
- (2023修订版)中国电信应急通信岗位认证考试题库大全-判断题部分
评论
0/150
提交评论