31st 8月 2008, 11:25 下午 2008年8月31扫到的部分未注册双字节拼音域名

2008年8月31扫到的部分未注册双字节拼音域名,.com的,很多

SaJiong.com
SenLuan.com
PenHai.com
CunXie.com
SunLeng.com
PanDiao.com
GongCa.com
LiaChuai.com
PieGuai.com
ZhePie.com
DiuXie.com
GunZhao.com
QvShui.com
BieShou.com
SaoJuan.com
ChuiXiong.com
RuQiao.com
ChanXiong.com
BuShai.com
HuangJv.com
CaShuang.com
KuiBie.com
NiangGuai.com
ZongRuan.com
PinHen.com
SiKeng.com
JueNv.com
PiaoHei.com
WengMiao.com
ZouRuan.com
MengDiao.com
SuoKuang.com
NongHa.com
YeNiang.com
SengLi.com
JiuQv.com
ZhunRi.com
ZhengShuan.com
TunZang.com
CeSong.com
NianFou.com
GouZen.com
ChaiTiao.com
YoTuan.com
DiuYin.com
DiuXin.com
FanZang.com
DouJue.com
KuangCeng.com
JiaoBie.com
NiuNuan.com
NuanHan.com
QiongLei.com
ChengBeng.com
HaZheng.com
GunLai.com
ChuiYo.com
PianPin.com
RangJiong.com
PenReng.com
HeiZhuai.com
AnReng.com
JiaZhuai.com
ZuiRang.com
KengBu.com
NiangShai.com
KuoBing.com
ChouTuo.com
ShuanZhuan.com
ChuoDi.com
XingNin.com
DuanZen.com
TuanNue.com
ManNiang.com
LieChun.com
MiuOu.com
QiangSui.com
LiaoRi.com
FouZeng.com
JueKan.com
RuoKen.com
ChiTui.com
MangDui.com
WaLiu.com
ZhuangSang.com
NingGun.com
TiaoMeng.com
LuanCui.com
LueDing.com
MiuJuan.com
QueHou.com
NieGuang.com
LouCu.com
ChuaiXie.com
LengChou.com
ZhangSao.com
HuanZou.com
JuanBen.com
NueFen.com
ZhaRao.com

4th 8月 2008, 05:42 下午 js笔记:模拟下拉列表

html部分

  1. <div id="select">
  2.     <div id="selectHead">First</div>
  3.     <ul id="csList">
  4.         <li class="cs">First</li>
  5.         <li>Seconde</li>
  6.         <li>Third</li>
  7.     </ul>
  8. </div>

css部分

  1. *{padding:0;margin:0;}
  2. body{font:12px Arial;}
  3. #select{width:100px;}
  4. #select #selectHead{border:1px solid #ccc;line-height:20px;cursor:pointer;}
  5. #select ul{border:1px solid #ccc;border-top:0;display:none;}
  6. #select ul li{line-height:20px;cursor:default;}
  7. #select .onhover{background:#0069ca;color:#fff;}

javascript部分

  1. <script type="text/javascript">
  2.     function select(){
  3.         var selectHead = document.getElementById("selectHead");
  4.         var csList = document.getElementById("csList");
  5.         selectHead.onclick = function(){
  6.             if (csList.style.display != "block") {
  7.                 csList.style.display = "block";
  8.             }
  9.             else {
  10.                 csList.style.display = "none";
  11.             }
  12.         }
  13.         var optionList = csList.getElementsByTagName("li");
  14.         for(var i = 0;i < optionList.length;i++){
  15.             optionList[i].onclick = function(event){
  16.                 if (!event) {
  17.                     event = window.event;
  18.                 }
  19.                 el = event.target || event.srcElement;
  20.                 var csContent = el.innerHTML;
  21.                 selectHead.innerHTML = csContent;
  22.                 csList.style.display = "none";
  23.             }
  24.             optionList[i].onmouseover = function(event){
  25.                 if (!event) {
  26.                     event = window.event;
  27.                 }
  28.                 el = event.target || event.srcElement;
  29.                 addCss(el,"onhover");
  30.             }
  31.             optionList[i].onmouseout = function(event){
  32.                 if (!event) {
  33.                     event = window.event;
  34.                 }
  35.                 el = event.target || event.srcElement;
  36.                 removeCss(el,"onhover");
  37.             }
  38.         }
  39.     }
  40.     function addCss(element,cssName){
  41.         var element,cssName;
  42.         if (!element.className || element.className == cssName){
  43.             element.className = cssName;
  44.         }
  45.         else{
  46.             element.className = element.className + " " + cssName;
  47.         }
  48.     }
  49.     function removeCss(element,cssName){
  50.         var element,cssName;
  51.         var oldCss = element.className;
  52.         var cssList = oldCss.split(" ");
  53.         for(var i = 0;i < cssList.length;i++){
  54.             if (cssList[i] == cssName) {
  55.                 cssList[i] = "";
  56.                 break;
  57.             }
  58.         }
  59.         element.className = cssList.join(" ");
  60.     }
  61.     window.onload = select;
  62. </script>

查看效果

31st 7月 2008, 01:31 下午 js笔记:点击轮换

html部分:

  1. <body>
  2.     <div id="wrapper">
  3.         <div id="left" class="c"><div></div></div>
  4.         <div id="center" class="c"></div>
  5.         <div id="right" class="c"></div>
  6.     <div id="dd" class="c"><div><div style="width:100%;height:400px;background:#fff;"></div></div></div>
  7.     </div>
  8. </body>

css部分:

  1. *{padding:0;margin:0;}
  2. body{width:1003px;overflow-x:hidden;background:#fff;margin:0 auto;}
  3. #wrapper{width:1003px;overflow:hidden;height:800px;position:relative;}
  4. #left{background:#ccc;}
  5. #center{background:#f60;}
  6. #right{background:#333;}
  7. #dd{background:#000;left:0;}
  8. .c{position:absolute;width:1003px;left:-1003px;top:0;height:600px;cursor:pointer;}

jsvascript部分:

  1. <script type="text/javascript">
  2.     function move(){
  3.         var divTag = document.getElementById("wrapper").getElementsByTagName("div");//取得需要轮播的DIV
  4.         var divWidth = 1003;//定义轮播宽度
  5.         //遍历需要轮播的DIV
  6.         for(var i = 0;i < divTag.length;i++){
  7.             //只有class=c的DIV开始轮播
  8.             if(divTag[i].className == "c"){
  9.                 var bb;
  10.                 var cc;
  11.                 //点击开始
  12.                 divTag[i].onclick = function(event){
  13.                     if(!event){
  14.                         event = window.event;
  15.                     }
  16.                     var el = event.target || event.srcElement;
  17.                     //如果当前点击的元素不是需要轮播的DIV,则寻找它的父节点,直到找到需要轮播的元素
  18.                     while(el.className != "c"){
  19.                         el = el.parentNode;
  20.                         }
  21.                     var firstDiv = el.parentNode.firstChild;
  22.                     //查找轮播元素的父级节点的第一个子节点
  23.                     if(firstDiv.nodeType == 3){
  24.                         firstDiv = firstDiv.nextSibling;
  25.                     }
  26.                     //如果当前点击的不是第一个子节点,开始轮播
  27.                     if(firstDiv != el){
  28.                         //查找当前节点的上一个相邻节点
  29.                         var preTag = el.previousSibling;
  30.                         if(preTag.nodeType == 3){
  31.                             preTag = preTag.previousSibling;
  32.                         }
  33.                         var n = el.offsetLeft;//取得左边距的值
  34.                         var k = preTag.offsetLeft;//取得相邻节点的左边距的值
  35.                         //当前元素和相邻元素的left值每20毫秒减小100像素
  36.                         var bb = setInterval(
  37.                             function(){
  38.                                 if(n < divWidth){
  39.                                     el.style.left = n + "px";
  40.                                     preTag.style.left = k + "px";
  41.                                     n = n + 100;
  42.                                     k = k + 100;
  43.                                     el.setAttribute("class","c");
  44.                                     preTag.setAttribute("class","c");
  45.                                 }else{
  46.                                     el.style.left = divWidth + "px";
  47.                                     preTag.style.left = 0 + "px";
  48.                                     window.clearInterval(bb);
  49.                                 }
  50.                             },20
  51.                         );
  52.                     }
  53.                     //如果当前点击元素是第一个子节点,则复原成初始状态
  54.                     else{
  55.                         var child = document.getElementById("wrapper").childNodes;
  56.                         var last = document.getElementById("wrapper").lastChild;
  57.                         if(last.nodeType == 3){
  58.                             last = last.previousSibling;
  59.                         }
  60.                         var t = last.offsetLeft;
  61.                         var y = el.offsetLeft;
  62.                         for(var m = 0;m < child.length;m++){
  63.                             if(child[m].nodeType != 3 && child[m] != last && child[m] != el){
  64.                                 child[m].style.left = -divWidth + "px";
  65.                             }
  66.                         }
  67.                         cc = setInterval(
  68.                             function(){
  69.                                 if(t > 0){
  70.                                     last.style.left = t + "px";
  71.                                     el.style.left = y + "px";
  72.                                     t = t - 100;
  73.                                     y = y - 100;
  74.                                 }
  75.                                 else{
  76.                                     last.style.left = 0 + "px";
  77.                                     el.style.left = -divWidth + "px";
  78.                                     window.clearInterval(cc);
  79.                                 }
  80.                             },20
  81.                         )
  82.                     }
  83.                 }
  84.             }
  85.         }
  86.     }
  87.     window.onload = move;
  88.     </script>

查看效果