加载中…
个人资料
小白
小白
  • 博客等级:
  • 博客积分:0
  • 博客访问:10,720
  • 关注人气: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

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 

今天做页面的时候发现在FF和谷歌下[其他的不清楚哈],margin-top失效了,查了下资料,写了很多。说是根据标准div要打边框或者补丁就会出现这样的情况,还有跟margin这个有关,它会重叠越级。(我是长话短说的哈,具体的大家可以自己查查资料哈)

例如:

<div class='box'>
 <div class='content'>
  
 </div>
</div>

样式如下:

.box{ width:600px; height:500px; margin:0 auto; background:#0033FF}
.content{ width:400px; margin-top:50px; background:#FF0000; height:400px; margin-left:10px;}

如果只是这样的话。那么在FF和谷歌浏览器看到的效果。就变了。不是要的效果。margin-top:50px;不起作用了,会越级。不信?可以把这段代码自己拷贝回去。测试。就一清二楚了。嘿嘿

解决方法

1.在box里面加overflow:hidden;这样就可以解决问题了。备注:这里如果把溢出隐藏了,做其他的会有什么问题你懂的。

2.在box里面补上边框border:1px solid #000000;备注:不需要边框的就不合适了。

3.在box里面补上内补丁padding-top:

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
  

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

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

新浪公司 版权所有