加载中…
个人资料
小白
小白
  • 博客等级:
  • 博客积分:0
  • 博客访问:11,416
  • 关注人气:15
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
搜博主文章
评论
加载中…
留言
加载中…
精品博文
加载中…
好友
加载中…
访客
加载中…
博文
(2011-07-31 16:32)
标签:

杂谈

分类: 个人纪实
我申请了个域名,
www.xiaobai8.com
这个是我的个人博客网址。嘿嘿!!!

阅读  ┆ 评论  ┆ 禁止转载 ┆ 收藏 
标签:

it

分类: Js知识
<script type='text/javascript'>    
JSON 格式语法
JSON是指Javascript Object Notation, 即Javascript对象表示法.
    var obj={
        name:'我们',
        school:{college:'大学','High school':'高中'},
        age:'18',
        like:['看书','睡觉','聊天']
        };
    上例中school属性又是一个对象. like属性是一个数组. 使用JSON格式的字符串创建完对象后, 就可以用'.'或者索引的形式访问属性:
    alert(obj.like[0]);
    alert(obj.school['college']);

静态方法与实例方法
function PublicClass(){};声明一个类
    PublicClass.One=function(){ alert('One');};静态方法
    PublicClass.prototype.Two=function(){alert('Two');};动态方法
  &n
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

分类: Jquery知识
<style>
*{margin:0;padding:0;}
ul{ list-style:none;}
ul li{ float:left;}
body{ width:600px;margin:0 auto;}
.page{ width:600px; overflow:hidden;}
.box{ width:400px; overflow:hidden; margin:0 auto;}
.box img{width:400px; height:400px;}
.Back,.Next{ float:left; width:100px; text-align:center; float:left;height:30px; line-height:30px; cursor:pointer;}
.pagenum{ float:left; width:400px; text-align:center;height:30px; line-height:30px; float:left; margin-top:4px;}
.pagenum li{ width:20px; height:20px; line-height:20px; border:1px solid #363; margin-right:10px; cursor:pointer; color:#363; margin-top:1px;}
.pagenum li:hover{ color:#930;border:1px solid #930;}
.pagenum .li_hover{ color:#930;border:1px solid #930; font-size:14px; padding:1px; margin-right:11px;margin-top:0px;}
</style>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

分类: Js知识
<style type='text/css'>
#hide{ border: 1px solid #ccc; width: 300px; height: 300px; margin: 100px; padding: 10px; background: #f7f7f7; }
</style>
<body>
<p>文字<a href='#' id='wenzi'>文字</a></p>
<p><a href='#' id='show'>显示层</a></p>
<div id='hide'>点击以外隐藏该层</div>

<script type='text/javascript'>
document.documentElement.onclick = function() {
    document.getElementByIdx_x_x('hide').style.display = 'none';
}
function _stopPropagation(e) {
    e = e || window.event;
    if(e.stopPropagation) { //W3C阻止冒泡方法
        e.stopPropagation();
    } else {
        e.cancelBubble = true; //IE阻止冒泡方法
    }
}
document.getElementByIdx_x_x('hide
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

分类: 网站知识分享[divcss]

<style>
*{margin:0;padding:0;}
body{font-size:12px;width:800px;margin:0 auto;}
.a{width:200px; float:left;background:#000; height:200px;_height:500px;}
.b{width:200px; float:left;background-color:#F00;*height:500px !important;height:200px;}
.c{width:200px; float:left;background-color:#00F;height:300px !important;height:200px;}
</style>
a中ie6显示的高度500px,
b中ie7显示的高度红色500px,
c中ie7及以上显示的高度蓝色300px,
c中这2个高度的地方顺序换下也是可以IE6显示的也是300px,
如:.c{width:200px; float:left;background-color:#00F;height:200px;height:300px !important;}
<body>
<div class='a'></div>
<div class='b'></div>
<div class='c'></div>
</body>
这样可以看出来。所有浏览器其实是支持!important的。而且important还有提权的作用!

还有神马你懂的!!!
小白

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

it

分类: Jquery知识
<style>
body{ width:300px; margin:0 auto;}
ul{ list-style:none;}
li{ float:left; cursor:pointer;}
.tab{ width:200px;}
.content{ width:200px; clear:left;}
</style>
<script type='text/javascript' src='jquery.js'></script>
<script language='javascript' type='text/javascript'>
$(function(){
    $('.tab li').click(function() {
        var _this = $('.tab li').index(this);
        $('.content div').hide();
        $('.content div').eq(_this).show();
    });
});
</script>
【这里把click换成hover就是滑过的选项卡了】
html代码
<div class='tab'>
    <ul>
        <li >tab1</li>
        <li >tab2</li
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

it

分类: 网站知识分享[divcss]
在网上有好几种方法
我这里整理出。如下2种方法比较合适:
<!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=utf-8' />
<meta http-equiv='X-UA-Compatible' content='IE=EmulateIE7' />
<title>CSS实现图片完美垂直居中</title>
<!--方法一-->
<style>
.box1{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:500px;
    height:500px;
    border:1px solid #000;
    *display:block;注释:针对IE的hack
    *font-size:436px;注释
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 

<div class='box'>
 <div class='box_left'>
  <p>我们都有一个家</p>
 </div>
 <div class='box_middle'>
  <p>我们都有一个家</p>
  <p>我们都有一个家</p>
 </div>
 <div class='box_right'>
  <p>我们都有一个家</p>
  <p>我们都有一个家</p>
  <p>我们都有一个家</p>
  <p>我们都有一个家</p>
  <p>我们都有一个家</p>
 </div>
</div>

<style>
*{ margin:0; padding:0}
.box{ width:800px; overflow:hidden; margin:0 auto;}
.box_left,.box_middle,box_right{ margin-bottom:-10000px; padding-bottom:10000px;}
.box_left{ width:300px; float:left; background-color:#0033CC}
.box_middle{ width:200px; float:left; background-color:#99

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 

<body>
<a href='#'>好好学习天天向上</a>
<a href='#'>好好学习天天向上</a>
<a href='#'>好好学习天天向上</a>
<a href='#'>好好学习天天向上</a>
</body>

单独的HTML代码如上,浏览页面点击A的时候周围会出现一个虚线框,

可以按照如下解决方法:

a { blr:expression_r_r(this.onFocus=this.blur()) } 针对 IE[这里多了个_r这个编辑器自己整出来的。用的时候不要_r]

a { outline:none; }针对火狐


这样就可以了。不信你试下哈

下面还有一种方法也可行

<public:attach event='onfocus' onevent='example()'/>
<script language='javascript'>
functio

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

分类: 网站知识分享[divcss]

原因:

IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存。

例如:
CSS代码
a:hover{background:url(imagepath)} 常用的解决方案:
在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地,这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。
XML/HTML代码

<!–[if IE 6]>
<script type='text/javascript'>
document.execCommand('BackgroundImageCache', false, true);
</script>
<![endif]–>

或者
XML/HTML代码
<!–[if IE 6]>
<script type=text/javascript>
try {
document.execCommand('BackgroundImageCache', false, true);
} catch(err) {}
</script>
<![endif]–>

这样应该就可以解决了。

小白分享】

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
  

新浪BLOG意见反馈留言板 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

新浪公司 版权所有