本帖最后由 zhanshiren 于 2011-12-24 15:06 编辑
圣诞来了,赶紧给你的站点加上一点超有气氛的下雪效果吧!
无需修改任何文件,只要在后台添加一个广告、上传一个Flash文件。
演示站点:www.zhanshiren.com
2011年12月24日更新内容如下,建议以此为准
因为经过持续的学习,CSS认识又有些许进步了,所以把这个代码修改了一下,提高兼容性。
设置了在IE系,如IE6\7\8\9,傲游,搜狗,360,世界之窗等IE内核的浏览器中显示大面积雪花,在chrome等浏览器下显示小面积雪花,只覆盖LOGO部分,不会覆盖其他链接(以官方默认风格为前提)。
IE9、chrome、遨游、360、搜狗、世界之窗已测,
其他浏览器大家有空可以测试一下。
添加方法与之前贴的一样,只是代码有区别。
请注意flash的大小和路径一共8处是需要修改的。
1、上传附件Flash到你的网站
2、后台,扩展,站点广告,全局-页头通栏广告,添加以下代码:
- <div style="z-index:9999; position:absolute;left:0;top:0"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
- codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
- width=530 height=90>
- <param name=movie value="你的Flash文件路径">
- <param name=quality value=high>
- <param name=wmode value=transparent>
- <param name=bgcolor value=#ffffff>
- <embed src="你的Flash文件路径" quality=high wmode=transparent bgcolor=#ffffff width=530 height=90 type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash"></embed>
- </object>
- <!--[if lte IE]><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
- codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
- width=960 height=590>
- <param name=movie value="你的Flash文件路径">
- <param name=quality value=high>
- <param name=wmode value=transparent>
- <param name=bgcolor value=#ffffff>
- <embed src="你的Flash文件路径" quality=high wmode=transparent bgcolor=#ffffff width=960 height=590 type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash"></embed>
- </object>
- <![endif]--></div>
复制代码
这里是分割线:以下是2010年12月发表的内容,保留参考
1、上传附件Flash到你的网站
2、后台,扩展,站点广告,全局-页头通栏广告,添加以下代码:
- <div style="z-index:9999; position:absolute;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
- codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
- width=800 height=600>
- <param name=movie value="你的Flash文件路径">
- <param name=quality value=high>
- <param name=wmode value=transparent>
- <param name=bgcolor value=#ffffff>
- <embed src="你的Flash文件路径" quality=high wmode=transparent bgcolor=#ffffff width=800 height=600 type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash"></embed>
- </object></div>
复制代码 3、启用广告即可
具体参数可根据你的站点实际情况修改。
注意:部分浏览器可能不支持此Flash透明,会导致头部被覆盖,导航无法点击。
我自己测试,
火狐、chrome、opera、Safari不兼容;(可以把Flash的长宽改小,避免覆盖,比如660*100)
IE6、IE7、IE8、傲游、theworld、greenbrowser均无问题。
===============2010年12月20日更新说明=============
有童鞋反映浏览器兼容问题,部分浏览器下导航栏会被覆盖,解决方法如下:
把 width=800 height=600 改成适合你头部的大小,即width小于页头左侧到登陆框的距离,height小于页面顶部到导航栏的距离。像素大小可以在开启截屏工具(如QQ)的情况下截图测量具体数值。
如果Flash的大小改小后,雪花变小,可以加大Flash高度(如加大100px),然后在position:absolute;后面加一个padding:-100px
最后要说的是:有空学习一下CSS和HTML,菜鸟会变成高级菜鸟。
|