Copterfly's blog http://www.copterfly.cn/ Copyright (C) 2004 Security Angel Team [S4T] All Rights Reserved. SaBlog-X Version 1.6 Build 20080806 Tue, 07 Sep 2010 11:52:44 +0000 180 http://www.copterfly.cn/show-298-1.html 右下角的浮动广告JS代码，带关闭按钮 Copterfly 因做企业站的需要，在页面里加个点击QQ和MSN对话的浮动广告框，手里的随动代码一堆，哪知竟没有定位于右下角的，于是GG了一个，改了下放上来。

HTML就不写了，此JS代码能过IE6、7、FF，且符合W3C标准。还有关闭按钮。JS里的代码如下：



阅读全文

]]> http://www.copterfly.cn/show-298-1.html CSS & JS 2009-03-25 11:08 http://www.copterfly.cn/show-292-1.html 百度知道一张图片实现圆角边框的CSS Copterfly 平常的圆角边框CSS方法我们都知道了，这里要说的是另一种比较特别的方法，是在百度知道页面里看到的。当时研究了一下，它的圆角边框就用了一张图片，然后把图片的4分之1各放到一个角，就搞掂了。你可以先到百度知道里先看看效果：http://zhidao.baidu.com/

下面的模仿并不是很完美再现百度知道里的CSS，仅作抛砖引玉用。



阅读全文

]]> http://www.copterfly.cn/show-292-1.html CSS & JS 2009-03-11 09:57 http://www.copterfly.cn/show-282-1.html 学JS必看-JavaScript数据结构深度剖析 Copterfly JavaScript以其强大灵活的特点，被广泛运用于各种类型的网站上。一直以来都没怎么好好学JS，只是略懂皮毛，看这篇文章时有读《PHP圣经》的感觉，作者深入浅出、生动形象地用各种实例给我们分析了JavaScript的数据结构，让人有一种豁然开朗的感觉。

全文如下：

编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。



阅读全文

]]> http://www.copterfly.cn/show-282-1.html CSS & JS 2009-02-26 10:55 http://www.copterfly.cn/show-280-1.html 用JS来切换CSS，很好很简单 Copterfly 假如我们想通过前台自主选择CSS样式来达到改变颜色、风格等目的的话，用JS调用CSS文件就OK。

先做两个CSS文件。

style_1.css　代码：



阅读全文

]]> http://www.copterfly.cn/show-280-1.html CSS & JS 2009-02-23 10:13 http://www.copterfly.cn/show-279-1.html 清除浮动的三种方法 Copterfly 第一种：是CSSER都知道的。下面是最简单的写法：

<style>
.clear {clear: both;}
</style>
<div class="clear"></div>



阅读全文

]]> http://www.copterfly.cn/show-279-1.html CSS & JS 2009-02-23 10:07 http://www.copterfly.cn/show-278-1.html 新年倒计时JS脚本 Copterfly 是刚过完的这个年的哈。

<span title="2009年1月26日">
<script language="JavaScript">
<!--
function GetRTime(){
var EndTime= new Date(2009,01,26,0,0);


阅读全文

]]> http://www.copterfly.cn/show-278-1.html CSS & JS 2009-02-23 10:03 http://www.copterfly.cn/show-244-1.html 支持IE6、7、Firefox并符合W3C标准的对联广告JS代码 Copterfly 经测，此JS对联广告代码支持IE6、7、Firefox、Opera等主流浏览器，且符合W3C标准。

一、准备好JS和图片文件

1、下载此图片：[localfile=1]　放到该放的地方。

2、把以下代码保存为 ad.js 



阅读全文

]]> http://www.copterfly.cn/show-244-1.html CSS & JS 2008-12-27 17:54 http://www.copterfly.cn/show-237-1.html 最简单的二级下拉导航效果-支持IE6、IE7、FF Copterfly 多级菜单构成模式：<li></li>之间插入一个<ul></ul>

原理：通过对元素的显示与隐藏的控制来实现。

说明：1、对于　li:hover ul,li.over ul { display: block;}　这句来说，已经能实现我们想要的hover效果了，问题是IE6不支持，为了兼容，还得加上一段JS。你可以自己试着把JS去掉，在IE7和FF下是正常的。2、代码简洁得不能再简洁，用JS+DIV+CSS构成，CSS几乎没有添加什么样式，请按需自行解决。



阅读全文

]]> http://www.copterfly.cn/show-237-1.html CSS & JS 2008-12-15 23:34 http://www.copterfly.cn/show-235-1.html 10分钟学会Ajax教程 Copterfly 十分钟教你学会AJAX，这绝不是夸张！有时候，我十分憎恨一些图书、教程，讲了好几十页，说了一大堆，结果没有简单有效的说出，这个东西怎么用，何时用！实际上，对于IT行业，新技术新思想，此起彼伏，并且有些技术常常昙花一现，不了了之！常常这些技术名异效同，加之有些书籍和教程如法炮制、千篇一律，这都让程序员们累中加累，莫名一处。我个人认为，学习一门技术应从两方面着手：原理、应用。



阅读全文

]]> http://www.copterfly.cn/show-235-1.html CSS & JS 2008-12-15 00:52 http://www.copterfly.cn/show-230-1.html 按时间段问好的JS代码 Copterfly 比较人性化的一段按时间问候的代码，如下：

<span>
        <script type="text/javascript">
            var now=(new Date()).getHours();
   if(now>0&&now<=6){
    document.write("午夜好，");



阅读全文

]]> http://www.copterfly.cn/show-230-1.html CSS & JS 2008-12-05 17:15 http://www.copterfly.cn/show-227-1.html IE6的图片3px问题解决办法 Copterfly 晚上开着三个浏览器（IE6、IE7、FF）写DIV＋CSS时，发现在 IE 6 中 ，DIV 使用背景图片（或直接插入图片在DIV中）的时候，在图片的下端会出现一条空白间隔，经测量，刚好是 3px ！没见过这种 3px 问题，用 display: inline 和 -3px 等方法也搞不定，于google之，最终在蓝色理想找到答案，原因是：

IE6默认字号是12pt，默认行高是normal。



阅读全文

]]> http://www.copterfly.cn/show-227-1.html CSS & JS 2008-11-26 03:00 http://www.copterfly.cn/show-221-1.html 雪花飘落的JS代码 Copterfly 在<body>...</body>之间插入以下代码即可。为方便查看效果，可把网页背景色设为黑色。

<script language="JavaScript">
<!--
var no = 50;
var speed = 1;



阅读全文

]]> http://www.copterfly.cn/show-221-1.html CSS & JS 2008-11-19 10:06 http://www.copterfly.cn/show-220-1.html 全国省市区联动菜单JS代码 Copterfly 代码如下：

<html>
<head>
<title>省市县联动菜单</title>



阅读全文

]]> http://www.copterfly.cn/show-220-1.html CSS & JS 2008-11-18 12:59 http://www.copterfly.cn/show-216-1.html 解决JS在W3C网页中无法触发某些事件的方法 Copterfly 写了段随动对联广告代码加入网页中，谁知测试时广告图片竟然不随动！

我的页面是用DIV＋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">



阅读全文

]]> http://www.copterfly.cn/show-216-1.html CSS & JS 2008-11-11 10:39 http://www.copterfly.cn/show-214-1.html 图片、文字不间断向上、下、左、右滚动代码 Copterfly 上下左右的代码都有。里面可以是图片或文字，自己更换试试。

JS不间断向上滚动代码：

<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>



阅读全文

]]> http://www.copterfly.cn/show-214-1.html CSS & JS 2008-11-05 11:24 http://www.copterfly.cn/show-210-1.html 网站一键切换繁简体的方法 Copterfly 1、模板里写上：

<Script Language=Javascript Src="/js/j2f.js"></Script>

调用：繁简体：【 <a id="based">繁体</a> 】



阅读全文

]]> http://www.copterfly.cn/show-210-1.html CSS & JS 2008-11-03 01:24 http://www.copterfly.cn/show-208-1.html DIV高度自适应的三种有效解决方法 Copterfly DIV＋CSS设计俨然已成网页设计界的标准了。这种设计的好处大家都是知道的，但有些小问题确实很棘手，例如令人头痛的“DIV高度自适应”问题。

现在有三种行之有效的办法，一是JS法、二是背景图填充法、三是“补丁大法”（比较变态）。

1、JS法

代码如下。原理：用JS判断左右DIV的高度，若不一致则设为一致。



阅读全文

]]> http://www.copterfly.cn/show-208-1.html CSS & JS 2008-11-01 00:39 http://www.copterfly.cn/show-194-1.html 点击进行MSN/QQ临时交谈代码 Copterfly 点击文字链接打开MSN聊天窗口：

<a href="msnim:chat?contact=xxxxxxxxxxxx@hotmail.com">点击进行MSN交谈</a>

点击图片按钮打开MSN聊天窗口：

<a href="msnim:chat?contact=xxxxxxxxxxxx@hotmail.com"><img src="图片地址"></a>



阅读全文

]]> http://www.copterfly.cn/show-194-1.html CSS & JS 2008-10-07 00:42 http://www.copterfly.cn/show-191-1.html 一个很好用的网页设计取色器及其他网页设计软件 Copterfly 平常没事喜欢搞下网页设计，也给几个企业做了网站，收银若干，嘿嘿。

工欲善其事，必先利其器。对于网页设计来说，有几个好有工具会让你更顺手。三剑客中的dreamweaver我是不用的，太臃肿了不说，用起来还不顺手。

我一般用到的软件是：photoshop(页面设计)、edit plus 2（PHP、HTML代码，CSS等）、IE6/IE7/FireFox（检查兼容性）、Flash 8 (动画)、还有一个叫“玩转颜色5.0”的取色器。



阅读全文

]]> http://www.copterfly.cn/show-191-1.html CSS & JS 2008-10-04 20:42 http://www.copterfly.cn/show-182-1.html DIV＋CSS设计的一些技巧 Copterfly 在CSS网页布局开发中，会有很多小技巧，新手朋友往往对此很不熟悉。在某一两个小问题上，或许纠缠很长时间才能搞明白。现在总结一些CSS技巧。

一、ul标签在Mozilla（如FireFox）中默认是有padding值的，而在IE中只有margin有值。这样导致两者表现不同。解决办法是：ul { padding: 0; margin: 0; }



阅读全文

]]> http://www.copterfly.cn/show-182-1.html CSS & JS 2008-09-21 13:03