Rocky.Wen_百度空间

关于我

思考与反思

推荐：css3与webkit针对移动终端的网站

We Love © 2008-05-03~~

旅途和迷失的区别就是知道家在何方

文章列表

重新起航

2011年08月18日星期四下午 10:35

好久没有写了，近期会重新起航。

这个博客今后就停止更新了

也许大家会在另外一个地方和我相遇~

rockywen 2011 8 18 @beijing

类别：默认分类 | 评论(0) | 浏览()

经销商地图左侧列表定位脚本

2010年10月09日星期六下午 02:07

相关地址：http://db.auto.sohu.com/dealermap/map_1005.html

function $P(element){
while(element.previousSibling){
if(element.previousSibling.nodeType != 1){
element = element.previousSibling;
}
else {return element.previousSibling;}

}
}

function leftPos(){
var sUrl = location.href;//获取当前页面的url
var s = sUrl.indexOf('map_');//获取开始位置
var f = sUrl.indexOf('.html');//获取结束位置
if(s&&f){//如果同时拥有
v

阅读全文>>

类别：js菜鸟 | 评论(0) | 浏览()

各个浏览器对box-shadow支持

2010年09月14日星期二下午 02:33

今日测试：各浏览器对box-shadow的支持情况：
Firefox3.6.9支持需要加 -moz-
Opera10.61支持
Safari5.0.1支持需要加 -webkit-
Chrome6.0.472支持需要加 -webkit-

box-shadow:1px 2px 13px green
x轴 y轴阴影大小阴影颜色

.box{box-shadow:1px 2px 13px green;-moz-box-shadow:1px 2px 13px red;-webkit-box-shadow:1px 2px 13px black;}

Opera 为绿色
Firefox 为红色
Safari和Chrome为黑色

类别：Xhtml Css | 评论(0) | 浏览()

各个浏览器对text-shadow支持

2010年09月14日星期二下午 02:07

今日测试：各浏览器对text-shadow的支持情况：
Firefox3.6.9支持
Opera10.61支持
Safari5.0.1支持
Chrome6.0.472支持

text-shadow:1px 2px 3px red
x轴 y轴阴影大小阴影颜色

类别：Xhtml Css | 评论(0) | 浏览()

各个浏览器对@font-face支持

2010年09月14日星期二上午 10:54

只列出支持 ttf文件的，因为eot文件我很难找到。
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
@font-face { font-family: ygyxs2; src: url('ygyxs2.ttf ');}
body{font:62.5%/1.6 Arial}
h1{font-size:1.8em}
p{font:1.8em ygyxs2}
</style>
</head>

<body>

阅读全文>>

类别：Xhtml Css | 评论(0) | 浏览()

各浏览器多背景支持情况

2010年09月13日星期一上午 10:51

今日测试：各浏览器对多背景的支持情况：
Firefox3.6.9支持
Opera10.61支持
Safari5.0.1支持
Chrome6.0.472支持

各个背景 z轴关系：前面大于后面的

测试代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content

阅读全文>>

类别：Xhtml Css | 评论(0) | 浏览()

各浏览器border-radius支持情况

2010年09月13日星期一上午 10:08

今日测试：各浏览器对radius的支持情况：
Opera10.61支持
Safari5.0.1支持
Chrome6.0.472支持
（以上版本浏览器已经可以彻底抛弃 -webkit- 或 -khtml- 了）
由于以上浏览器都采用随时升级的机制，所以我以后就准备直接写border-radius了

IE不用说，除了IE9其他都不行。

Mozilla Firefox 4.0 Beta 5 也不支持，还得继续使用 -moz-border-radius

类别：Xhtml Css | 评论(0) | 浏览()

搜索提示交互（无AJAX）

2010年08月21日星期六下午 07:48

昨天早起突然想制作一个搜索提示的交互脚本，一是过几天搜索项目中可以用到，二是曾经baidu电话面试的时候问过此问题，三是jQuery中有表单一章由此实例（以前感觉比较难实现）。
在脑袋中分析了一些实现点。(不包含 AJAX)，所以提示列表默认是显示的（为了测试方便）

1.提示列表最开始显示的时候，按方向键下，一个被选中的样式要加在列表的第一项。同样，按方向键上，一个

阅读全文>>

类别：js菜鸟 | 评论(0) | 浏览()

keyCode相关

2010年08月21日星期六下午 07:28

昨天白天，在公司比较无聊，准备做一个小的应用（一会发上来）。其中用到了keyCode。发现了几个要注意的问题。
keypress事件激活的话，在FF和IE下部分按键获取不到正确的keyCode。
用keydown事件就可以解决了。
FF获取到的字母都是0很郁闷，查询之后发现e.which要添加进去，
所以 key = window.event.keyCode || e.keyCode || e.which

类别：js菜鸟 | 评论(0) | 浏览()

页面和脚本编码不相同引起IE无法识别脚本

2010年08月21日星期六下午 07:17

最近发的比较少，不过对知识的学习和总结没有停下，呵呵。
日常一直在搞js，前几天遇见了一个状况FF下很正常，在IE下就提示没有此对象，因为我外链了一个文件，那个文件里有一些我自己编写的一些常用的函数。
最开始调试，把文件中应用的函数直接复制在页面中就OK了。但是这并没有解决实际的问题。
开始以为是文件路径包含了中文，结果改成英文之后，还是不行。
最后在海亮的一个提示给解决了，页面编码和脚本编码不一样。
页面中的编码是GB-2312 ，而js是utf-8。
终于问题彻底解决了。

类别：js菜鸟 | 评论(0) | 浏览()