mmww1024
- 浏览: 96443 次
- 性别:
- 来自: 北京
-
最新评论
-
mmww1024：
爱吃肉的菜鸟 写道楼主你最后那个函数里为什么要加1？因为取得是 ...
【转】JavaScript中常见的字符串操作函数及用法 -
爱吃肉的菜鸟：
懂了
【转】JavaScript中常见的字符串操作函数及用法 -
爱吃肉的菜鸟：
楼主你最后那个函数里为什么要加1？
【转】JavaScript中常见的字符串操作函数及用法
文章列表
box-shadow
- 博客分类：
- css
1. box-shadow属性的浏览器兼容性
先来看一个这个属性的浏览器兼容性:
Opera: 不知道是从哪个版本开始支持的，我在发这篇文章测试的时候，正好更新了Opera到最新的10.53版本，已经支持box-shadow属性。
firefox
通过私有属性-moz-box-shadow
支持。
Safari和Chrome通过私有属性-webkit-box-shadow
支持。
所有IE不支持(不知道IE9是否有所改善)。别急，我们将在文章最后会介绍一些针对IE的Hack。
2. box-shadow属性的语法
box-shadow有六个可设值:
img ...
TABLE自动换行/支持中英文
- 博客分类：
- css
数字和英文的时候，TABLE中的TD就会被拉长.
解决方法是添加<td style=”word-break:break-all”>
用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象。总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。
table{table-layout: fixed;}
td(word-break: break-all; word-wrap:break-word;)
注释一下：
1.第一条table{table-layout: fixed;}，此样式可以让表格中有! ...
Jquery实现窗口居中
- 博客分类：
- Jquery
.big为要居中显示的div
/*
*根据当前页面与滚动条位置，设置提示对话框的Top与Left
*/
function showDialog() {
var objW = $(window); //当前窗口
var objC = $(".big"); //对话框
var brsW = objW.width();
var brsH = ...
jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。
这个方法是基本是的 .bind() 方法的一个变体。使用 .bind()
时，选择器匹配的元素会附加一个事件处理函数，而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说
<body>
<div class="clickme">Click here</div>
</body>
可以给这个元素绑定一个简单的click事件：
$('.clickme').bind('click', funct ...
<!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>
<title>网页选项卡应用</title>
<script type="text/javasc ...
<!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="text/html; charset=gb231 ...
toggle实现图片切换
- 博客分类：
- Jquery
<!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="text/html; charset ...
CSS实现纵向二级菜单
- 博客分类：
- css
<!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="text/html; charset ...
Jquery实现返回顶部
- 博客分类：
- Jquery
//页面加载后干了3件事
$(document).ready(function(){
//1.首先将#goTopBtn隐藏
$("#goTopBtn").hide();
//2.给窗口添加事件：滚动时触发
$(window).scroll(function(){
//当滚动条的位置处于距顶部0像素以上时，返回顶部按钮出现，否则消失
if ($(window).scrollTop()>0){
$("#goTopBtn").fadeIn(1500);
}
else{
$("#go ...
<html>
<head>
<meta charset="UTF-8">
<title>checkbox模拟radio</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript"& ...
看了这篇文章http://www.cnblogs.com/radom/archive/2011/05/18/2050202.html
收获不少，现总结如下：
浏览器的加载顺序是先加载html标签，后加载css,所以对于比较重要的图片内容，用img比较好
基于对特殊人群的考虑，导航等重要信息，必须要用img来写，也就是说要用IMG sprites整合图片
1.添加注释
注释范围：
1）每个文档对应一个文档注释（方便后期维护和管理）
主要注释说明：
文档创建人，时间，内容等
2）属性注释说明：
css hack，特殊属性等
3）功能注释说明：
默认样式，按钮，弹出框等
2.
css代码顺序
css文档的顺序
共用的代码样式放在文档最前面
css
结构
的顺
序依照html
的结
构
显示属性>自身属性>文本属性
显示属性：display, list-style ...
1.
link标签是属于xhtml范畴，而@import则是css2.1中特有的。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。 2.
加载的顺序的区别，link加载的css时，是一种并行(没有尝试是否是这样)加载CSS方式，而@import则在整个页面加载完成后才加载。3.
兼容性的区别，因@import是CSS2.1才特有的，所以对于不兼容CSS2.1的浏览器来说，无效。4.
在样式控制上(比如动态改变网页的布局时,使用javascript操作DOM)的区别，此时@import就无能为力了。c ...
规范目的
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请 ...