共 526篇 前 10 页: 1 2 3 4 5 6 7 8 9 10    每页10篇 上一页   下一页  

自荐文章

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=utf-8" />
<title>IMP_map CSS</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
        border:none;
        }
    body{
        width:800px;
    &nbs
继续阅读其余的  6080 字
pear   2010-02-25 15:07:55 阅读:17  评论:0  引用:0
css 滑过效果
〖摘要：〗
null
继续阅读其余的  3394 字
pear   2010-02-23 12:27:06 阅读:13  评论:0  引用:0
CSS命名规则 [转]
〖摘要：〗
CSS命名规则 　　头：header 　　内容：content/containe 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right center 　　登录条：loginbar 　　标志：logo 　　广告：banner 　　页面主体：main 　　热点：hot 　　新闻：news 　　下载：download 　　子导航：subnav 　　菜单：menu 　　子菜单：submenu 　　搜索：search 　　友情链接：friendlink 　　页脚：footer 　　版权：copyright 　　滚动：scroll 　　内容：content 　　标签页：tab 　　文章列表：list 　　提示信息：msg 　　小技巧：tips 　　栏目标题：title 　　加入：joinus 　　指南：guild 　　服务：service 　　注册：regsiter 　　状态：status 　　投票：vote 　　合作伙伴：partner XHTML文件中id的命名 (1)页面结构 　　容器: container 　　页头：header 　　内容：content/container 　　页面主体：main 　　页尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right center (2)导航 　　导航：nav 　　主导航：mainbav 　　子导航：subnav 　　顶导航：topnav 　　边导航：sidebar 　　左导航：leftsideba
继续阅读其余的  442 字
pear   2010-02-23 11:42:16 阅读:7  评论:0  引用:0
高光按钮 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=utf-8" />
<title>高光按钮</title>
<style type="text/css">
body {
    width:500px;
    margin:50px auto;
}
a {
    color:#000;
    text-decoration:none;
}
.x_a {
    display:inline-block;  /* 元素与文字同行排列 */
    border-top:1px solid #d6d6d6;
   
继续阅读其余的  2807 字
pear   2010-02-22 14:56:55 阅读:16  评论:0  引用:0
超强的google式圆角
〖摘要：〗
<!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" />
<title>GOOGLE CONNER</title>
<style type="text/css">
body{
    font-size:12px;
    width:500px;
    margin:50px auto;
    }
a{
    color:#000;
    text-decoration:none;
   
    }
.g_a {
    display:in
继续阅读其余的  1568 字
pear   2010-02-22 14:23:40 阅读:13  评论:0  引用:0
JS表单验证类demo(非常不错!收藏了)
〖摘要：〗
<title>表单验证类 Validator v1.05</title>
<style>
body,td{font:normal 12px Verdana;color:#333333}
input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid #999999;background:#ffffff}
table{border-collapse:collapse;}
td{padding:3px}
input{height:20;}
textarea{width:80%;height:50px;overflow:auto;}
form{display:inline}
</style>
<table align="center">
<form name="theForm" id="demo" method="get" onSubmit="return Validator.Validate(this,2)">
<tr>
   <td>身份证号：</td><td><input
继续阅读其余的  28280 字
pear   2009-12-22 11:56:44 阅读:135  评论:0  引用:0
firfox与ie 兼容（转）
〖摘要：〗

兼容性一直都是个令人头痛的问题，下面简单总结火狐与IE的兼容性问题。

1. 超链接访问过后hover样式就不出现的问题
    被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A 

  1. <style type="text/css">  
  2.     <!--   
  3.         a:link {}  
  4.         a:visited {}  
  5.         a:hover {}  
  6.         a:active {}  继续阅读其余的  11059 字
pear   2009-12-16 18:23:55 阅读:53  评论:0  引用:0
背景图绝对定位（转）
〖摘要：〗
背景图像定位中我们要明确的几点：

1、两个值前面一个是横向的定位，我们称为x轴方向定位。后面一个值是纵向的定位，我们称为y轴方向定位。如果只有一个值，那默认的就是x轴方向，这时y轴方向就默认的是上下居中对齐，也就是center。
2、坐标轴的原点就是对应容器的左顶点。
3、这个坐标的y轴箭头朝下，也就是右下方（容器内部）x y的值才都为正。
4、x y值分别表示背景图片的左顶点相对于坐标原点（也就是容器的左顶点）的值。
5、x y的值可以用百分比或者px来表示。
6、x y也可以用“left、right、top、bottom、center”这五个对齐方式来表示，但注意：用“left、right、top、bottom、center”来表示的时候，应用的 是对齐规则，而不是坐标规则。x为left是表示图片的左边和容器的左边对齐，为right的时候表示图片的右边和容器的右边对其，y为top的时候表示 图片的顶部和容器的顶部对齐，为bottom时表示图片的底部和容器的底部对齐，x y等于center的时候表示居中对齐。
7、x y用百分比或者px表示的时候，其值可以为负数。我们应用坐标规则就很容易理解负数表示的意义，x为负数时候表示图片左顶点在容器左顶点的左侧，y为负数时表示图片的左顶点在容器的左定点的上方。也就是向左和向上超出容器的范围。

下面我用几个图示来说明一下几种情况，
继续阅读其余的  768 字
pear   2009-12-10 11:40:14 阅读:53  评论:0  引用:0
多级联动 整理
〖摘要：〗
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
    <div id="test"></div>
  <script type="text/javascript">
    var arr = ["1", "3", "4", "6", "8", "9&
继续阅读其余的  2122 字
pear   2009-12-10 09:42:09 阅读:13  评论:0  引用:0
图片等比例缩小并且居中
〖摘要：〗
<!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" />
<title>select option</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("#imglist img").each(function(){
  var imgDemw  = $(this).width();
  var imgDemh  = $(this).height();
  //当图片宽度大于153时 高度按比例缩小
  if
继续阅读其余的  2659 字
pear   2009-12-03 17:48:41 阅读:54  评论:1  引用:0
Copyright@2008 powered by YuLog