原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
web前端基础知识
2012-5-15
[成就源于整理] | oush
目录
1.获取当前日期和星期 2
2.繁简中文转换 2
3.支持ff和ie的滤镜效果样式 2
4.让ie6实现li的hover事件代码 3
5.首页菜单效果 3
6.鼠标经过时菜单显示不一样的背景js 5
7.banner效果 6
8.兼容两种浏览器，通常方法 6
9.用样式实现div的圆角 7
10.如何在ie6及更早浏览器中定义小调试的容器 7
11. 如何解决IE6及更早浏览器浮动时产生双倍边距的BUG 7
12. 如何在IE6及更早浏览器下模拟min-height效果 7
13．如何解决按钮在IE7及更早浏览器下随着value增多两边留白也随着增加的问题 8
14．如何解决IE7及更早浏览器下当li中出现2个或以上的浮动时，li之间产生的空白间隙的BUG 8
15．如何解决IE6下的文本溢出BUG 8
16．如何使文本溢出边界显示为省略号 8
17. 如何使连续的长字符串自动换行 9
18．如何让已知高度的容器在页面中水平垂直居中 9
19. 如何做1像素细边框的table 9
20. 如何在点文字时也选中复选框或单选框 9
21.渐变背景色css3 9
22.加载在线jquery 10
23.鼠标经过时宽度加长 10
24.跳转下拉菜单 10
25.去除超链接虚线框 10
26.显示子菜单封装类 10
27. 实现图片延迟加载 11
28.动态获取当前时间 11
29.百度地图API，地图生成工具 12
30.返回到顶部 12
31．刷新页面的js方法 13
32.固定层div样式 13
33.高级样式 13
34.激活hasLayout 14
静态页面效果代码
1.获取当前日期和星期
script
var mydate=new Date()
var year=mydate.getYear()
if (year 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
var dayarray=new Array(星期日,星期一,星期二,星期三,星期四,星期五,星期六)
var montharray=new Array(1月,2月,3月,4月,5月,6月,7月,8月,9月,10月,11月,12月)
document.write(year+年+montharray[month]++daym+日 +dayarray[day])
/script
2.繁简中文转换
a id=StranLink繁體版/a script language=javascript type=text/javascript src=match.js/script注意：这个js的引用一定要放到紧跟其后，不然没有作用
3.支持ff和ie的滤镜效果样式
cursor:hand;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); /*IE8*/
filter:alpha(opacity=60); /*IE5、IE5.5、IE6、IE7*/
opacity: .2; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
4.让ie6实现li的hover事件代码
script language=javascript
stuHover = function() {
var cssRule;
var newSelector;
for (var i = 0; i document.styleSheets.length; i++)
for (var x = 0; x document.styleSheets[i].rules.length ; x++)
{
cssRule = document.styleSheets[i].rules[x];
if (cssRule.selectorText.indexOf(LI:hover) != -1)
{
newSelector = cssRule.selectorText.replace(/LI:hover/gi, LI.iehover);
document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
}
}
var getElm = document.getElementById(nav).getElementsByTagName(LI);
文档评论（0）