我是一只特立独行的猪,这里是我的小窝窝,我要卧在窝窝里,用小小的眼睛看清外面的大窝窝。

七条博客

qitiao.cn

2008-06-26

图片转换特效

类归于: css — suki @ 10:27 下午 Tags: ,

图片转换特效

空闲的时候修改了一个图片特效,如果做成自己的相册效果也很不错的哦

我用旺狗QQ表情做的,在这里

只要替换图片和说明就ok了,在css里把宽度和样式边框颜色换成自己喜欢的就可以生成了。

图片转换特效

2008-06-24

雅虎彩蛋代码

类归于: css — suki @ 5:35 下午 Tags: , ,

雅虎彩蛋代码

今天突然想起给我的博客做个雅虎彩蛋了,搜索了半天找出了彩蛋的代码

稍稍一改,我的博客也有彩蛋了,是机器猫的经典声音。

只要点一下那个神气的旺狗

噔噔噔噔,呱呱呱……

雅虎彩蛋代码放送,为你的博客添趣味。
雅虎彩蛋演示地址http://www.yahoo.com

点击Yahoo!最后面的感叹号“!”,会出现“yi..Ya…hoo…wooo…..”。

雅虎彩蛋代码

很好玩,点点看吧

雅虎彩蛋代码

<img src="http://cn.yimg.com/i/lg/2/y_cn_lg.gif" alt="中国雅虎" width="208" height="61" id="ycn_lg" />
<script type="text/javascript">
var yodel_map = '<map name="yodel"><area shape="rect" coords="190,29,197,35" href="http://cn.yahoo.com" onclick="load_yodel();return false;"><area shape="poly" coords="193,0,202,1,197,25,192,24" href="http://cn.yahoo.com" onclick="load_yodel();return false;"></map>',
yodel_str = '<object id="wmsgsound" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="0" height="0">'+
'<param name="movie" value="http://cn.yimg.com/i/comn/snd/1_0/y3.swf" /><param name="quality" value="high" /><param name="loop" value="0" />'+
'<embed name="wmsgsound" src="http://cn.yimg.com/i/comn/snd/1_0/y3.swf" loop="0" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="0" height="0"></embed></object>',
y_logo = document.getElementById("ycn_lg");
if(y_logo){
y_logo.useMap = "#yodel";
}
function load_yodel(){
y_logo.blur();
var con = document.createElement("span");
con.style.visibility = "hidden";
con.innerHTML = yodel_str;
document.body.appendChild(con);
};
document.write("<span style=\"visibility:hidden;\">"+yodel_map+"</span>");
</script>

看看怎样解读一下彩蛋繁琐的码:

代码document.write(""+yodel_map+"");

这段的意思是在页面显示一个隐藏的span,span的内容其实是:

代码<span style="visibility:hidden;">
<map name="yodel">
<area shape="rect" coords="190,29,197,35" href="http://cn.yahoo.com" onclick="load_yodel();return false;">
<area shape="poly" coords="193,0,202,1,197,25,192,24" href="http://cn.yahoo.com" onclick="load_yodel();return false;">
</map>
</span>

很明显这个就是在Yahoo的Logo的感叹号加了两个热区,代码里边yodel_map=****定义的就是两个热区了

对应的yodel_str =****就是调用一个flash,这个flash就是那个声音文件了

2.
y_logo = document.getElementById(”ycn_lg”);
if(y_logo){
y_logo.useMap = “#yodel”;
}

看到没logo图片的name是ycn_lg,这句就是让名字是ycn_lg的图片的热区应用”yodel”这个名字的热区的内容,也就是上边1.的内容

代码onclick="load_yodel();return false;

这句的意思就明显了,点击的时候就会调用load_yodel()

这个函数

代码function load_yodel(){
y_logo.blur();
var con = document.createElement("span");
con.style.visibility = "hidden";
con.innerHTML = yodel_str;
document.body.appendChild(con);
};

所以只要修改一下flash的地址,还有yodel_map这个变量,彩蛋就出来了。

我等不急了,我要上传

噔噔噔噔,呱呱呱……

雅虎彩蛋代码

2008-06-02

css圆角代码怎么写

类归于: css — suki @ 9:50 下午 Tags:

css圆角代码怎么写

看了一天的css圆角代码,没看懂。原理倒是弄清楚了,本人才疏学浅,有点笨笨,就跑到饭否顶帖子去了。

廉颇老矣尚能饭否,我上去吃一碗。

哦,不好,吃撑了。

对于这个css圆角代码能改就好

css圆角代码怎么写

不求会写,只求会改。

大大顶啦不能用,很让我郁闷

希望3G下载站站长要提起注意,我可是很支持顶啦的!

搜图网要改版了,希望这次能做的更好。

css圆角代码怎么写

 Page 1 of 3  1  2  3 »