<marquee>滚动的文字</marquee>
<marquee behavior=alternate>表示双向移动</marquee>
<marquee direction=left>表示运动方向向左</marquee>
<marquee scrollamount=”5″>表示运动速度</marquee>
<marquee width=400 behavior=alternate direction=left align=middle border=1>弹来弹去跑马灯!</marquee>
<marquee height=”138″ width=”90″ onmouseout=”info.start()” onmouseover=”info.stop()” id=”info” scrollamount=”2″ align=”center” direction=”up”>鼠标放置就停止，鼠标移开就滚动/marquee>
直接使用marquee是有缝儿的，无缝滚动还是需要JS代码的配合。
无缝滚动代码：下载地址
第一种不带自动切换
<!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=gb2312″ />
<meta name=”description” content=”前端思考，专注前端开发，关注用户体验，artskin artcss ” />
<meta name=”keywords” content=”前端思考,artskin,artcss ” />
<script type=”text/javascript” src=”http://www.brucehan.com/bat/js/jq_1.4.js”></script>
<title>最简单的弹出层：前端思考</title>
<style>
*{margin:0;padding:0px;font-family:Microsoft YaHei,Verdana,Arial;}
h2{clear:both;padding:10px;font-size:16px;font-weight:normal}
.tab{margin-left:10px;float:left;display:inline;}
.tab dt{height:20px;}
.tab dt span{display:block;width:50px;height:20px;line-height:20px;text-align:center;float:left;margin-right:1px;display:inline;cursor:default;background:#ddd;}
.tab dt span.current{background:green;color:#fff;}
.tab dd{width:201px;height:100px;font-size:36px;text-align:center;line-height:100px;border:1px solid green;display:none}
</style>
<script type=”text/javascript”>
$(function(){
var i=0;
function oTab (){
$(this).addClass(“current”).siblings().removeClass(“current”).parent().siblings().hide().siblings(“.”+$(this).attr(“id”)).show();
}
$(“.tabt span,.tabt2 span”).mouseover(oTab);
$(“.tabt3 span”).click(oTab);
});
</script>
</head>
<body>
<h2>一、鼠标滑过（调用两个）</h2>
<dl>
<dt>
<span id=”t1″>111</span>
<span id=”t2″>222</span>
<span id=”t3″>333</span>
<span id=”t4″>444</span>
</dt>
<dd style=”display:block”>一</dd>
<dd>二</dd>
<dd>三</dd>
<dd>四</dd>
</dl>
<dl>
<dt>
<span id=”c1″>111</span>
<span id=”c2″>222</span>
<span id=”c3″>333</span>
<span id=”c4″>444</span>
</dt>
<dd style=”display:block”>一</dd>
<dd>二</dd>
<dd>三</dd>
<dd>四</dd>
</dl>
<h2>二、鼠标点击</h2>
<dl>
<dt>
<span id=”d1″>111</span>
<span id=”d2″>222</span>
<span id=”d3″>333</span>
<span id=”d4″>444</span>
</dt>
<dd style=”display:block”>一</dd>
<dd>二</dd>
<dd>三</dd>
<dd>四</dd>
</dl>
</body>
</html>
第二种带自动切换功能！
<!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=gb2312″ />
<meta name=”description” content=”前端思考，专注前端开发，关注用户体验，artskin artcss ” />
<meta name=”keywords” content=”前端思考,artskin,artcss ” />
<script type=”text/javascript” src=”http://www.artcss.com/js/jq_1.4.js”></script>
<title>最简单的弹出层：前端思考</title>
<style>
*{margin:0;padding:0px;font-family:Microsoft YaHei,Verdana,Arial;}
h2{clear:both;padding:10px;font-size:16px;font-weight:normal}
.tab{margin-left:10px;float:left;display:inline;}
.tab dt{height:20px;}
.tab dt span{display:block;width:50px;height:20px;line-height:20px;text-align:center;float:left;margin-right:1px;display:inline;cursor:default;background:#ddd;}
.tab dt span.current{background:green;color:#fff;}
.tab dd{width:201px;height:100px;font-size:36px;text-align:center;line-height:100px;border:1px solid green;display:none}
</style>
<script type=”text/javascript”>
$(function(){
var i=0;
function oTab (){
$(this).addClass(“current”).siblings().removeClass(“current”).parent().siblings().hide()
.siblings(“.”+$(this).attr(“id”)).show();
i = $(“.tabt4 span”).index(this);
}
function oStart(i){
$(“.tabt4 span”).eq(i).addClass(“current”).siblings().removeClass(“current”);
$(“#auto dd”).eq(i).show().siblings(“dd”).hide();
}
function oTimer(){
oStart(i);
i++;
if(i==4) {
i=0;
}
}
var myTimer = setInterval(oTimer,1000);
//鼠标悬停和移开的情况用hover
$(“#auto”).hover(function(){
if(myTimer) {
clearInterval(myTimer);
}
},function(){
myTimer = setInterval(oTimer,1000);
});
$(“.tabt span,.tabt2 span,.tabt4 span”).mouseover(oTab);
$(“.tabt3 span”).click(oTab);
});
</script>
</head>
<body>
<h2>一、鼠标滑过（调用两个）</h2>
<dl>
<dt>
<span id=”t1″>111</span>
<span id=”t2″>222</span>
<span id=”t3″>333</span>
<span id=”t4″>444</span>
</dt>
<dd style=”display:block”>一</dd>
<dd>二</dd>
<dd>三</dd>
<dd>四</dd>
</dl>
<dl>
<dt>
<span id=”c1″>111</span>
<span id=”c2″>222</span>
<span id=”c3″>333</span>
<span id=”c4″>444</span>
</dt>
<dd style=”display:block”>一</dd>
<dd>二</dd>
<dd>三</dd>
<dd>四</dd>
</dl>
<h2>二、鼠标点击</h2>
<dl>
<dt>
<span id=”d1″>111</span>
<span id=”d2″>222</span>
<span id=”d3″>333</span>
<span id=”d4″>444</span>
</dt>
<dd style=”display:block”>一</dd>
<dd>二</dd>
<dd>三</dd>
<dd>四</dd>
</dl>
<h2>三、自动切换</h2>
<dl id=”auto”>
<dt>
<span id=”e1″>111</span>
<span id=”e2″>222</span>
<span id=”e3″>333</span>
<span id=”e4″>444</span>
</dt>
<dd style=”display:block”>一</dd>
<dd>二</dd>
<dd>三</dd>
<dd>四</dd>
</dl>
</body>
</html>
原文出处：前段思考
谷歌宣布推出一种名为Google Public DNS(谷歌公共域名系统)的新服务，允许用户将谷歌作为DNS(域名系统)服务提供商。分析师称，从理论上说，这项新服务将给用户带来的好处是更快、更稳定的浏览体验，以及针对恶意软件网站的安全保护；谷歌所将获得的好处则是海量的数据，以及高额的潜在收入。
谷歌提供的DNS解析地址分别是：
我想这组 IP 看过后没有人会忘记吧？赶紧去换DNS服务器吧！
后续：
OpenDNS创始人大卫·尤勒维什(David Ulevitch)随后在官方博客上发表了五点声明，称谷歌DNS与OpenDNS不完全相同，而且谷歌是互联网上最大的广告公司，以下为原文摘要内容：
谷歌今天推出了一个DNS服务，比我创建OpenDNS的时间晚了接近4年。互联网巨人迟早会意识到DNS的战略重要性，因此谷歌此举并不令我意外。下面我将谈一下谷歌DNS服务对DNS领域和OpenDNS将带来何种影响。
Read more…
最近有同事在用一键清理脚本。该脚本就是一个通过清理操作系统c盘临时文件和优化启动缓存来加速系统的工具。以前我用优化大师，不知道为什么现在也懒得装了。可能和360软件管家有关。现在我用360的“清理系统垃圾”来清理！不过这次我先用脚本清理，再用360“清理系统垃圾”功能来复查了一下。看来那个脚本的清理效果还是不错的……
只是看不到具体清理了多少垃圾出来，丧失了清理spam时候的快感。而且也不知道这样子清理对硬盘什么的有没有太大的伤害……单就目前而言还是挺方便的。一般首次清理以后，能减少40%左右的启动时间。使用愉快！
使用方法：
在电脑屏幕的左下角按“开始→程序→附件→记事本”，把下面的文字复制进去,点“另存为”，路径选“桌面”，保存类型为“所有文件”，文件名为“清除系统 LJ.bat”，就完成了。记住后缀名一定要是.bat
你的垃圾清除器就这样制作成功了！双击它就能很快地清理垃圾文件，大约一分钟不到。
Read more…
可供粘贴使用的英文日期代码！代码之美，美在相见不相识！留档，日后再研究。
Read more…
最近在整论坛，用的Discuz。在网页静态化的时候碰到过一个问题，就是开启了后台管理的url静态功能之后，所有的页面都no found了！最后查阅了部分网页发现是缺少相应的设置：如果你的空间是支持.htaccess的，就将以下代码输入进.htaccess文件，然后你再去discuz后台设置静态url就可以了！不难。
如果你使用的是独立主机
首先确定您使用的 Apache 版本，及是否加载了 mod_rewrite 模块。
Apache 1.x 的用户请检查 conf/httpd.conf 中是否存在如下两段代码：
LoadModule rewrite_module libexec/mod_rewrite.so
AddModule mod_rewrite.c
Apache 2.x 的用户请检查 conf/httpd.conf 中是否存在如下一段代码：
LoadModule rewrite_module modules/mod_rewrite.so
如果存在，那么在配置文件（通常就是 conf/httpd.conf）中加入如下代码。此时请务必注意，如果网站使用通过虚拟主机来定义，请务必加到虚拟主机配置，即 <VirtualHost> 中去，如果加在虚拟主机配置外部将可能无法使用。改好后然后将 Apache 重启。
Read more…
September 4th, 2009
Bruce
admin谁都记得，但是管理员密码忘记了就瓦踏了。之前浏览过网上比较多的解决方案，要么是修改数据库文件覆盖掉密码、要么就是干脆重新来过。那有没有更容易、更傻瓜的方法呢？就在我这里：
使用方法：将此文件上传到网站ftp的blog目录下。然后在IE输入相应地址访问点击一键还原即可！简单有效。修改完毕后记得从ftp目录将该文件删除，否则就给我留后门儿啦。(*^__^*)…嘻嘻。
September 3rd, 2009
Bruce
免费的MySQL数据库通常是通过PHP来使用的。在能够访问并处理数据库中的数据之前，必须创建到达数据库的连接。连接数据库是数据库操作的起点,接下来就让我们依葫芦画瓢，看看PHP+Mysql究竟有多精彩。
用PHP连接数据库：
< ? php
$id=mysql_connect("localhost","root","1234");
$ok=mysql_select_db("student",$id);
if($ok){
echo "OK,选择数据库成功!";
}else{
echo "OH,选择数据库失败，请确认数据库是否存在。";
}
?>
Read more…
症状：PHP表单提交PHPmyadmin查看mysql数据库字符串内容显示乱码！
我相信PHPmyadmin里查看是乱码，调用出来的话肯定100%也是乱码。乱码问题其实也就是编码不一致导致的。要解决这个问题需要回顾乱码问题出现以前的操作是否使用的是同一种编码。
总之一句话，要解决PHP中文乱码最好最快的解决办法就是：页面申明的编码与数据库内部编码一致，如果页面申请的页码与数据库内部编码不一致时，就设定连接编码mysql_query(”SET NAMES XXX”); XXX为连接编码。一定可以解决乱码的问题。
在mysql+php程序开发中，总结了产生乱码原因：
mysql数据库默认的编码是utf8,如果这种编码与你的PHP网页不一致,可能就会造成MYSQL乱码.
MYSQL中创建表时会让你选择一种编码,如果这种编码与你的网页编码不一致,也可能造成MYSQL乱码.
MYSQL创建表时添加字段是可以选择编码的,如果这种编码与你的网页编码不一致,也可能造成MYSQL乱码.
用户提交页面的编码与显示数据的页面编码不一致,就肯定会造成PHP页面乱码.
如用户输入资料的页面是big5码, 显示用户输入的页面却是gb2312,这种100%会造成PHP页面乱码.
PHP页面字符集不正确.
PHP连接MYSQL数据库语句指定的编码不正确.
Read more…
