liuliu26的专栏

翻译 倒计时

说明：使用方法:首先调用new cdtime("ID_of_DIV_container", "target_date") ID_of_DIV_container (string): 这是要显示内容的层的ID. target_date (string): 要到的时间日期格式,24小时制.其它调用cdtime.displaycountdown("base_unit",

原创 鼠标越接近图像,图像会越大,它会很聪明的判断出图像中心距鼠标的距离

以下代码加入区域 //more javascript from http://www.smallrain.netdocument.onmousemove = beSmart;window.onload = init;startEnlarge = 250;  // The distance to start enlarging the picture at, in pixels.enlarg

原创 Windows 环境下的 PHP5+Apache+mysql 服务器的配置

    下面文章内容将讲述 Windows2000/XP/2003(不建议在 windows 98 下建立 PHP 环境) 下 PHP 环境的配置，服务器选择 Apache 2.0.54，数据库选择 MySQL 4.1.14 版本。需要下载几个软件包:　　1. PHP 5.1.0RC1　　2. Apache 2.0.54　　3. MySQL 4.1.14下载软件包：　　1. PHP 5.1.0RC

原创 垂直下拉菜单

#dropmenudiv{position:absolute;background-color: #E3FFB0;border:1px solid black;border-bottom-width: 0;font:normal 12px Verdana;line-height:18px;z-index:100;}#dropmenudiv a{width: 100%;display: block;

原创 模似windows XP 左侧的菜单效果

  .mainDiv{  width:160px;}.topItem{  width:160px;  height:22px;  cursor:pointer;  background: #467BF2;  text-decoration: none;  color: white;   font-weight:bold;  font-family:"GOTHIC"; }.dropMenu{  ba

原创 聪明的下拉菜单

.anylinkcss{position:absolute;visibility: hidden;border:1px solid black;border-bottom-width: 0;font:normal 12px Verdana;line-height: 18px;z-index: 100;background-color: #E9FECB;width: 205px;}.anylinkc

原创 连续不间断横向滚动图片

原创 网页两边对联广告效果

//more javascript from http://www.smallrain.netfunction initEcAd() {document.all.AdLayer1.style.posTop = -200;document.all.AdLayer1.style.visibility = visibledocument.all.AdLayer2.style.posTop = -20

原创 鼠标经过链接时,文字提示显示在页面的右下角,不会阻碍浏览者的视线

#dhtmlfloatie{position: absolute;left: 0;left: -900px;filter:alpha(opacity=0);-moz-opacity:0;border: 2px solid black;padding: 5px;z-index: 100;}//more javascript from http://www.smallrain.net

原创 一个漂亮的浮动层效果

 //more javascript from http://www.smallrain.netvar n = (document.layers) ? 1:0;var ie = (document.all) ? 1:0;function overTip(boxObj) {if (ie) {boxObj.style.visibility = "visible";boxObj.filters.item

原创 可实时预览缩略图的上传图片界面

var flag=false;function DrawImage(ImgD){   var image=new Image();   image.src=ImgD.src;   if(image.width>0 && image.height>0){    flag=true;    if(image.width/image.height>= 120/80){     if(image.widt

原创 擦除式图片轮番显示效果

加在中//more javascript from http://www.smallrain.net// Set slideShowSpeed (milliseconds)var slideShowSpeed = 5000;// Duration of crossfade (seconds)var crossFadeDuration = 3;// Specify the image files