鹰立鹤群

ASP连接MySQL数据库的方法

kkey0416@21cn.net(小戒) — Tue,11 Nov 2008 11:31:24 +0800

ASP等语言连接mysql数据库，可以通过安装mysql的ODBC驱动，通过配置ODBC数据源，连接并操作数据库。

mysql odbc 3.51版
下载地址:
http://dev.mysql.com/downloads/connector/odbc/3.51.html

＜%
'测试读取MySql数据库的内容

strconnection="driver={mysql odbc 3.51 driver};database=weste_net;server=localhost;uid=root;password="
'无需配置dsn
set adodataconn = server.createobject("adodb.connection")
adodataconn.open strconnection

strquery = "select * from News"
set rs = adodataconn.execute(strquery)
if not rs.bof then
%＞

＜table＞
＜tr＞
＜td＜b＞序列号＜/b＞＜/td＞
＜td＞＜b＞标题＜/b＞＜/td＞
＜/tr＞
＜%
do while not rs.eof
%＞
＜tr＞
＜td＞＜%=rs("News_id")%＞＜/td＞
＜td＞＜%=rs("News_Title")%＞＜/td＞
＜/tr＞
＜%
rs.movenext
loop
%＞
＜/table＞
＜%
else
response.write("无数据.")
end if
rs.close
adodataconn.close
set adodataconn = nothing
set rsemaildata = nothing
%＞

PS：若想直接使用以上代码，请将全角符号“＜＞”替换成半角符号“<>”。

MYSQL远程连接工具及设置

kkey0416@21cn.net(小戒) — Tue,11 Nov 2008 11:29:59 +0800

服务器端：
C:\>mysql -uroot -p
Enter password: ******
Welcome to the MySQL monitor. Commands end with ; or \g.
Your MySQL connection id is 2
Server version: 5.1.22-rc-community-log MySQL Community Server (GPL)

Type 'help;' or '\h' for help. Type '\c' to clear the buffer.

mysql> grant all privileges on *.* to 'yourname'@'%' identified by 'youpasswd';
Query OK, 0 rows affected (0.05 sec)

mysql> flush privileges;
Query OK, 0 rows affected (0.06 sec)

mysql> exit
Bye

客户端：
HOST ADDRESS:你同学的IP地址
USER NAME：yourname
PASSWORD:yourpasswd
PORTS：3306
DATABASES：可以留空。

工具：
Navicat 软件介绍
2008.10.30
Navicat是一个强大的MySQL数据库管理和开发工具。Navicat为专业开发者提供了一套强大的足够尖端的工具，但它对于新用户仍然是易于学习。Navicat,使用了极好的图形用户界面（GUI），可以让你用一种安全和更为容易的方式快速和容易地创建、组织、存取和共享信息。用户可完全控制 MySQL 数据库和显示不同的管理资料，包括一个多功能的图形化管理用户和访问权限的管理工具，方便将数据从一个数据库移转到另一个数据库中（Local to Remote、Remote to Remote、Remote to Local），进行档案备份。 Navicat 支援 Unicode，以及本地或遥距 MySQL 伺服器多连线，用户可浏览数据库、建立和删除数据库、编辑数据、建立或执行 SQL queries、管理用户权限（安全设定）、将数据库备份/复原、汇入/汇出数据（支援 CSV, TXT, DBF 和 XML 档案种类）等。新版与任何 MySQL 5.0.x 伺服器版本兼容，支援 Triggers，以及 BINARY VARBINARY/BIT 数据种类等的风范。

评论留言增加邮箱网址及博主回复通知评论留言人 For Pj3 157（11/2日修改网址判断）

kkey0416@21cn.net(小戒) — Sun,02 Nov 2008 10:48:04 +0800

温馨提示：请用Dreamweaver或EditPlus编辑修改，修改前请做好备份。
注意：此功能基于留言评论邮件通知博主(增加后台开关)For pj3(http://www.leoyung.com/article/7964.htm)，否则发送不了邮件。
打开class/cls_article.asp，找到：

复制内容到剪贴板程序代码

<%if memName=empty or blog_validate=true then%>验证码: <%=getcode()%><%end if%>

在上面插入：

复制内容到剪贴板程序代码

<%if memName=empty then%>邮　箱: 请填写您的邮箱.<%end if%>
<%if memName=empty then%>网　址:http://" size="18" maxlength="24"/> 请填写您的网址.<%end if%>

找到：

复制内容到剪贴板程序代码

ShowComm = ShowComm&""&blog_CommAuthor&""

在下面插入：

复制内容到剪贴板程序代码

            if trim(commArr(10,Pcount))<>"" then
                ShowComm = ShowComm&" "
            else
                ShowComm = ShowComm&" "
            end if

            if trim(commArr(11,Pcount))<>"" and trim(commArr(11,Pcount))<>"http://" then
                ShowComm = ShowComm&" "
            else
                ShowComm = ShowComm&" "
            end if

找到：

复制内容到剪贴板程序代码

SQL = "Select comm_ID,comm_Content,comm_Author,comm_PostTime,comm_DisSM,comm_DisUBB,comm_DisIMG,comm_AutoURL,comm_PostIP,comm_AutoKEY FROM blog_Comment Where blog_ID="&LogID&" orDER BY comm_PostTime "&comDesc

替换为：

复制内容到剪贴板程序代码

SQL = "Select comm_ID,comm_Content,comm_Author,comm_PostTime,comm_DisSM,comm_DisUBB,comm_DisIMG,comm_AutoURL,comm_PostIP,comm_AutoKEY,email,siteurl FROM blog_Comment Where blog_ID="&LogID&" orDER BY comm_PostTime "&comDesc

打开Template/static.htm，找到：

复制内容到剪贴板程序代码

                    密　码:
                     游客发言不需要密码.

在下面插入：

复制内容到剪贴板程序代码

                    邮　箱:
                     博主回复后，系统将发送通知邮件到您的邮箱，可不填.


                    网　址:
                    http://" class="userpass" maxlength="24"/>

打开blogcomm.asp，找到：

复制内容到剪贴板程序代码

password = Trim(CheckStr(request.Form("password")))

在下面插入：

复制内容到剪贴板程序代码

    dim email,tsiteurl
    email=trim(CheckStr(request.form("myblogemail")))
    tsiteurl=trim(CheckStr(request.form("myblogsiteurl")))

找到：

复制内容到剪贴板程序代码

If (memName=empty or blog_validate=true) and (cstr(lcase(Session("GetCode")))<>cstr(lcase(validate)) or IsEmpty(Session("GetCode"))) Then

在上面插入：

复制内容到剪贴板程序代码

    if memName=empty and email<>"" and IsValidEmail(email)=false then
            ReInfo(0)="评论发表错误信息"
            ReInfo(1)="邮箱格式错误
请返回重新输入"
            ReInfo(2)="ErrorIcon"
            postcomm=ReInfo
            exit function
    end if

    if memName=empty and tsiteurl<>"" and tsiteurl<>"http://" and IsRightUrl(tsiteurl)=false then
            ReInfo(0)="评论发表错误信息"
            ReInfo(1)="网址格式错误
请返回重新输入"
            ReInfo(2)="ErrorIcon"
            postcomm=ReInfo
            exit function
    end if

找到：

复制内容到剪贴板程序代码

AddComm = Array(Array("blog_ID", post_logID), Array("comm_Content", post_Message), Array("comm_Author", username), Array("comm_DisSM", post_DisSM), Array("comm_DisUBB", post_DisUBB), Array("comm_DisIMG", post_disImg), Array("comm_AutoURL", post_DisURL), Array("comm_PostIP", getIP), Array("comm_AutoKEY", post_DisKEY)))

替换为：

复制内容到剪贴板程序代码

找到：

复制内容到剪贴板程序代码

Conn.Execute("update blog_Content set log_CommNums=log_CommNums+1 where log_ID="&post_logID)

将上面‘评论留言通知’之间的代码，全部替换：

复制内容到剪贴板程序代码

    '评论邮件通知
    Dim email_commid, SQLcomm, log_commcomm
    SQLcomm="Select TOP 1 * FROM blog_Comment Where comm_Author='"&username&"' order By comm_ID Desc "
    Set log_commcomm=conn.execute(SQLcomm)
        email_commid=log_commcomm("comm_ID")
    log_commcomm.Close
    Set log_commcomm=Nothing
    dim email_log_title
    SQLcomm="Select * FROM blog_Content Where log_ID="&post_logID&""
    Set log_commcomm=conn.execute(SQLcomm)
        email_log_title=log_commcomm("log_Title")
    log_commcomm.Close
    Set log_commcomm=Nothing
    If blog_Isjmail Then
        dim emailcontent,emailtitle
        emailtitle = "您发表的文章《"&email_log_title&"》已有客人发表了评论"
        if blog_postFile = 2 then
            emailcontent = "["&username&"]在您的博客中发表了评论,请点击查"&siteURL&"article/"&post_logID&".htm#comm_"&email_commid&"。评论内容如下："&post_Message&""
        else
            emailcontent = "["&username&"]在您的博客中发表了评论,请点击查"&siteURL&"default.asp?id="&post_logID&"#comm_"&email_commid&"。评论内容如下："&post_Message&""
        end if
        call sendmail(blog_email,emailtitle,emailcontent)
'        call sendmail(username,post_logID,email_commid,email_log_title,1,post_Message)
    End If
    '评论邮件通知结束

打开reply.asp，找到：

复制内容到剪贴板程序代码

set quest = Conn.Execute("select top 1 comm_Content from blog_Comment where comm_ID=" & cID)

替换为：

复制内容到剪贴板程序代码

set quest = Conn.Execute("select top 1 a.comm_Content,a.comm_Author,b.log_title,b.log_ID,a.email from blog_Comment a inner join blog_Content b on a.blog_ID=b.log_ID where a.comm_ID=" & cID)

找到：

复制内容到剪贴板程序代码

PostArticle logId, False

在上面插入：

复制内容到剪贴板程序代码

        If blog_Isjmail and trim(quest(4))<>"" Then
            dim emailcontent,emailtitle
            emailtitle = "您在"&siteName&"上发表的评论已被回复"
            dim CommUrl
            if blog_postFile = 2 then
                CommUrl = "请点击查看"&siteurl&"article/"&quest(3)&".htm#comm_"&cID&"。"
            else
                CommUrl = "请点击查看"&siteurl&"default.asp?id="&quest(3)&"#comm_"&cID&"。"
            end if
            emailcontent = "尊敬的｛"&quest(1)&"｝，您好，你在["&siteName&"]上发表的关于["&quest(2)&"]日志的评论，现已被["&memName&"]回复，回复内容为：["&replay&"]，"&CommUrl&"谢谢您的评论，欢迎再次光临！"
            call sendmail(quest(4),emailtitle,emailcontent)
end if

打开Plugins/GuestBook/guestbook.asp，找到：

复制内容到剪贴板程序代码

"><%=GuestDB("book_Messager")%>

在下面插入：

复制内容到剪贴板程序代码

<%
if trim(GuestDB("email"))<>"" then
    response.write " "
else
    response.write " "
end if
if trim(GuestDB("siteurl"))<>"" and trim(GuestDB("siteurl"))<>"http://" then
    response.write " "
else
    response.write " "
end if
%>

找到：

复制内容到剪贴板程序代码

<%if memName=empty then%>密　码:<%end if%>

在下面插入：

复制内容到剪贴板程序代码

<%if memName=empty then%>邮　箱: 请填写您的邮箱.<%end if%>
<%if memName=empty then%>网　址:http://" size="18" maxlength="24"/> 请填写您的网址.<%end if%>

打开Plugins/GuestBook/bookaction.asp，找到：

复制内容到剪贴板程序代码

post_Message=CheckStr(request.form("Message"))

在下面插入：

复制内容到剪贴板程序代码

dim email,tsiteURL
email=trim(CheckStr(request.form("myblogemail")))
tsiteURL=trim(CheckStr(request.form("myblogsiteurl")))

找到：

复制内容到剪贴板程序代码

  if filterSpam(post_Message,"../../spam.xml") and stat_Admin=false then
      showmsg "留言发表错误信息","留言中包含被屏蔽的字符
返回","WarningIcon","plugins"
      exit function
  end if

在上面插入：

复制内容到剪贴板程序代码

    if memName=empty and email<>"" and IsValidEmail(email)=false then
        showmsg "留言发表错误信息","邮箱格式错误
返回","WarningIcon","plugins"
        exit function
    end if

    if memName=empty and tsiteURL<>"" and tsiteURL<>"http://" and IsRightUrl(tsiteURL)=false then
          showmsg "留言发表错误信息","网址格式错误
返回","WarningIcon","plugins"
          exit function
    end if

找到：

复制内容到剪贴板程序代码

Conn.ExeCute("Insert INTO blog_book(book_Messager,book_face,book_IP,book_Content,book_HiddenReply) VALUES ('"&username&"','"&face&"','"&getIP()&"','"&post_Message&"',"&hiddenreply&")")

替换为：

复制内容到剪贴板程序代码

Conn.ExeCute("Insert INTO blog_book(book_Messager,book_face,book_IP,book_Content,book_HiddenReply,email,siteurl) VALUES ('"&username&"','"&face&"','"&getIP()&"','"&post_Message&"',"&hiddenreply&",'"&email&"','"&tsiteURL&"')")

找到：

复制内容到剪贴板程序代码

Response.Cookies(CookieName)("bookLastPost")=DateToStr(now(),"Y-m-d H:I:S")

将下面‘评论留言通知’之间的代码，全部替换：

复制内容到剪贴板程序代码

    '留言邮件通知
    If blog_Isjmail Then
        Dim SQLcomm, log_commcomm
        SQLcomm="Select TOP 1 * FROM blog_book Where book_ID="&MsgID
        Set log_commcomm=conn.execute(SQLcomm)
        if trim(log_commcomm("email"))<>"" then
            dim emailcontent,emailtitle
            emailtitle = "您在"&siteName&"上发表的留言已被回复"
            emailcontent = "尊敬的｛"&log_commcomm("book_Messager")&"｝，您好，您在["&siteName&"]上发表的留言，现已被["&memName&"]回复，回复内容为：["&MsgReplyContent&"]，请点击查看"&siteURL&"LoadMod.asp?plugins=GuestBookForPJBlog#book_"&MsgID&"。谢谢您的留言，欢迎再次光临！"
            call sendmail(log_commcomm("email"),emailtitle,emailcontent)
    '        call sendmail(username,"",email_bookid,"",0,post_Message)
        end if
        log_commcomm.Close
        Set log_commcomm=Nothing
    End If
    '留言邮件通知结束

找到：

复制内容到剪贴板程序代码

showmsg "回复信息","回复留言成功!
单击返回留言本","MessageIcon","plugins"

在上面插入：

复制内容到剪贴板程序代码

    '留言邮件通知
        Dim SQLcomm, log_commcomm
        SQLcomm="Select TOP 1 * FROM blog_book Where book_ID="&MsgID
        Set log_commcomm=conn.execute(SQLcomm)
        if trim(log_commcomm("email"))<>"" then
            dim emailcontent,emailtitle
            emailtitle = "您在"&siteName&"上发表的留言已被回复"
            emailcontent = "尊敬的｛"&log_commcomm("book_Messager")&"｝，您好，您在["&siteName&"]上发表的留言，现已被["&memName&"]回复，回复内容为：["&MsgReplyContent&"]，请点击查看"&siteURL&"LoadMod.asp?plugins=GuestBookForPJBlog#book_"&MsgID&"。谢谢您的留言，欢迎再次光临！"
            call sendmail(log_commcomm("email"),emailtitle,emailcontent)
    '        call sendmail(username,"",email_bookid,"",0,post_Message)
        end if
        log_commcomm.Close
        Set log_commcomm=Nothing
    '留言邮件通知结束

打开common/function.asp，在最后一个

复制内容到剪贴板程序代码

之前，插入如下代码：

复制内容到剪贴板程序代码

Function IsRightUrl(UrlStrng)  '网址判断
  Dim regEx, retVal
  Set regEx = New RegExp
  regEx.Pattern = "^((https|http|ftp|rtsp|mms)?://)?(([0-9a-z_!~*'().&=+$%-]+: )?[0-9a-z_!~*'().&=+$%-]+@)?(([0-9]{1,3}\.){3}[0-9]{1,3}|([0-9a-z_!~*'()-]+\.)*([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]\.[a-z]{2,6})(:[0-9]{1,4})?((/?)|(/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+/?)$"
  regEx.IgnoreCase = False
  retVal = regEx.Test(UrlStrng)

  If retVal Then
    IsRightUrl = true
  Else
    IsRightUrl = false
  End If
End Function

找到：

复制内容到剪贴板程序代码

Function sendmail(username,post_logID,email_commid,email_log_title,comm,post_Message) '邮件发送

到最近一个

复制内容到剪贴板程序代码

End Function

之间的所有代码，包括这两句，全部替换（如果之前没有添加过，请直接添加）：

复制内容到剪贴板程序代码

Function sendmail(blogemail,emailtitle,emailcontent)  '邮件发送
    on error resume next
    if trim(blog_jmail)="1" then
            Set msg = Server.CreateObject("JMail.Message")
            msg.silent = true
            msg.Logging = true
            msg.Charset = "gb2312"
            msg.MailServerUserName = blog_smtpuser
            msg.MailServerPassword = blog_smtppassword
            msg.From = blog_smtpmail
            msg.FromName = sitename
            msg.AddRecipient blogemail,sitename
            msg.Subject = emailtitle
            msg.Body = emailcontent
            msg.Send(blog_smtp)
            msg.close
            set msg = nothing
    Else
            Set objMail = Server.CreateObject("CDONTS.NewMail")
            objMail.To = blogemail
            objMail.From =blog_smtpmail
            objMail.Subject = emailtitle
            objMail.Body = emailcontent
            objMail.Send
            Set objMail = Nothing
    End If
End Function

如果之前没加过评论留言加网址和邮箱功能，请下载附件，升级数据库，否则请跳过。点击下载附件

OK，全文结束。如果是全静态，修改完成后到后台重新生成。我站的留言本

30多个CSS和JS下拉菜单资源

kkey0416@21cn.net(小戒) — Wed,29 Oct 2008 21:01:02 +0800

导航菜单是网站设计中最重要的因素之一。网络开发人员可以使用CSS创建方便用户的横向或纵向导航菜单, 而JavaScript则使人们有可能创造更多的互动，更多的响应和更灵活的导航到任何网站。Noupe在这篇文章里面提出了25个以上（横向和纵向）多层次的下拉菜单，包括使用了JavaScript和CSS ，你可以将这些示例和教程用你的未来网站设计计划。

横向和纵向的下拉菜单

1) http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm" target=_blank>Drop Down Tabs (5 styles)- Drop Down Tabs是一个横向的CSS 选项卡菜单, 每个选项卡都支持二级下拉菜单.

http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm" target=_blank>

2) http://www.stunicholls.com/menu/pro_dropdown_2.html" target=_blank>Professional Dropdown

http://www.stunicholls.com/menu/pro_dropdown_2.html" target=_blank>

3) http://www.webtech101.com/Javascript/effect-menu" target=_blank>Multi-level effect menu- 这是一个高度可配置的 javascript/css下拉菜单, 可以让你轻松生成多级层联的横向或纵向下拉菜单.

http://www.webtech101.com/Javascript/effect-menu" target=_blank>

http://parandroid.com/">30多个CSS和JS下拉菜单资源/帕兰映像

4) http://labs.activespotlight.net/jQuery/menu_demo.html" target=_blank>FastFind Menu- 一个基于 jQuery的菜单, AJAX的响应效果, 这个菜单可以进行拖拽操作.

http://labs.activespotlight.net/jQuery/menu_demo.html" target=_blank>

5) http://be.twixt.us/jquery/suckerFish.php" target=_blank>jQuery SuckerFish

http://be.twixt.us/jquery/suckerFish.php" target=_blank>

6) http://www.andrewsellick.com/52/fancy-sliding-tab-menu-using-scriptaculous" target=_blank>Fancy Sliding Tab Menu using script.aculo.us

http://www.andrewsellick.com/52/fancy-sliding-tab-menu-using-scriptaculous" target=_blank>

7) http://www.cbolson.com/code/dhtml_list_menu/with_images.php" target=_blank>List Based Menu with Images- 使用<UL><LI>元素生成的菜单, 它使用简单, 并且结构非常有利于搜索引擎

http://www.cbolson.com/code/dhtml_list_menu/with_images.php" target=_blank>

http://parandroid.com/">30多个CSS和JS下拉菜单资源/帕兰映像

8 ) http://www.dhtmlgoodies.com/scripts/slidedown-menu2/slidedown-menu2.html" target=_blank>Slide down menu- 一个基于<UL><LI>列表元素的滑动菜单.

http://www.dhtmlgoodies.com/scripts/slidedown-menu2/slidedown-menu2.html" target=_blank>

9) http://www.wappler.eu/swdropdownmenu/" target=_blank>Dropdownmenu made with scriptaculous/prototype- 一个多级层联的下拉菜单.

http://www.wappler.eu/swdropdownmenu/" target=_blank>

10) http://users.tpg.com.au/j_birch/plugins/superfish/all-horizontal-example/" target=_blank>Suckerfish-style menu plugin for jQuery-一个效果不错的二级横各菜单.

http://users.tpg.com.au/j_birch/plugins/superfish/all-horizontal-example/" target=_blank>

11) http://www.roscripts.com/Building_a_dynamic_drop_down_menu-216.html" target=_blank>Building a dynamic drop down menu

http://www.roscripts.com/uploads/articles/216/" target=_blank>

12) http://www.thinkvitamin.com/misc/yui-demos/demo-10.html" target=_blank>onMenuOpen onMenuCollapse Events

http://www.thinkvitamin.com/misc/yui-demos/demo-10.html" target=_blank>

13) http://www.artviper.eu/mootoolsmenu/" target=_blank>Mootools menu with accordion and effects- 这是一个简单的下拉菜单, 当鼠标悬浮的时候产生手风琴的弹出效果.

http://parandroid.com/">30多个CSS和JS下拉菜单资源/帕兰映像

http://www.artviper.eu/mootoolsmenu/" target=_blank>

14) http://www.chrisesler.com/mootools/1.2/dropMenu.html" target=_blank>Mootools Unlimited Drop Menu

http://www.chrisesler.com/mootools/1.2/dropMenu.html" target=_blank>

15) http://mattberseth.com/blog/2007/12/creating_an_outlook_navigation.html" target=_blank>Creating an Outlook Navigation Bar- 使用列表生成的Outlook风格的导航菜单.

http://mattberseth2.com/outlook_navbar/" target=_blank>

16) http://woork.blogspot.com/2008/01/simple-css-vertical-menu-digg-like.html" target=_blank>Simple CSS vertical menu Digg-like- 这个教程向你展示如何创建一个Digg风格的下拉菜单, 通过JS和CSS实现, 并且点击实现展示和隐藏.

http://woork.blogspot.com/2008/01/simple-css-vertical-menu-digg-like.html" target=_blank>

17) http://deletem3.com/2006/03/29/drop-down-menu-with-prototype/" target=_blank>Drop down menu with Prototype 基于Prototype框架的下拉菜单

http://deletem3.com/wp-content/uploads/2006/03/Prototype%20Fun/prototype-fun.html" target=_blank>

18) http://www.emanuelblagonic.com/2006/10/11/create-your-own-drop-down-menu-with-nested-submenus-using-css-and-a-little-javascript/" target=_blank>Drop down menu with nested submenus- 使用CSS 和少许的 JavaScript

http://playground.emanuelblagonic.com/creating-nested-drop-down-menus/" target=_blank>

http://parandroid.com/">30多个CSS和JS下拉菜单资源/帕兰映像

19) http://ayozone.org/2008/02/06/drop-down-menu-with-jquery/" target=_blank>Drop down menu with jquery- 一个下拉动画菜单, 使用 jquery框架

http://ayozone.org/2008/02/06/drop-down-menu-with-jquery/" target=_blank>

20) http://jdsharp.us/jQuery/plugins/jdMenu/" target=_blank>jdMenu Hierarchical Menu- The jdMenu plugin基于jQuery框架, 为你提供一个简洁的方法生成漂亮的二级导航菜单.

http://jdsharp.us/jQuery/plugins/jdMenu/" target=_blank>

21) http://bassistance.de/jquery-plugins/jquery-plugin-treeview/" target=_blank>jQuery plugin: Treeview-这是一个轻量级和灵活的多级树形下拉菜单, 类似于Windows的资源管理器.

http://jquery.bassistance.de/treeview/demo/" target=_blank>

22) http://dev.visualdrugs.net/mootools/dropdown_menu.html" target=_blank>Drop Down menu

http://dev.visualdrugs.net/mootools/dropdown_menu.html" target=_blank>

23) http://adviesenzo.nl/examples/cssjsmenu/" target=_blank>Accessible fold-out menu

http://adviesenzo.nl/examples/cssjsmenu/" target=_blank>

http://parandroid.com/">30多个CSS和JS下拉菜单资源/帕兰映像

24) http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm" target=_blank>Accordion Menu script-这是一个教程示例 ,将你如何创建一个手风琴效果的二级下拉菜单.

http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm" target=_blank>

25) http://www.alistapart.com/articles/complexdynamiclists/" target=_blank>Complex Dynamic Lists- 使用无序列表, 创建一个比较复杂的多级层联菜单.

http://www.alistapart.com/articles/complexdynamiclists/" target=_blank>

26) http://dynamicdrive.com/dynamicindex1/chrome/index.htm" target=_blank>Chrome CSS Drop Down Menu- Chrome Menu是一个CSS 和 JavaScript 结合的下拉菜单, 它的使用非常简单, 且对搜索引擎友好.

http://dynamicdrive.com/dynamicindex1/chrome/index.htm" target=_blank>

下拉菜单教程

http://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp#vstart" target=_blank>CSS Pop-Out Menu Tutorial

http://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp#vstart" target=_blank>

http://parandroid.com/">30多个CSS和JS下拉菜单资源/帕兰映像

http://www.projectseven.com/tutorials/navigation/auto_hide/" target=_blank>CSS Express Drop-Down Menus- CSS Express menus可以给每个横各菜单元素添加一个纵向的下拉菜单.

http://www.projectseven.com/tutorials/navigation/auto_hide/" target=_blank>

http://www.htmldog.com/articles/suckerfish/dropdowns/" target=_blank>Son of Suckerfish Dropdowns- 一个易于使用,超轻量级的下拉菜单, (仅仅需要12 行 JavaScript代码), 可以生成多级层联的下拉菜单, 且兼容各大主流浏览器

http://www.htmldog.com/articles/suckerfish/dropdowns/" target=_blank>

http://parandroid.com/">30多个CSS和JS下拉菜单资源/帕兰映像

下拉菜单生成器

http://www.izzymenu.com/" target=_blank>Izzymenu- Ajax界面操作, 让你可以轻松生成自己的CSS下拉DHTML菜单,然后通过一行代码引用即可

http://www.izzymenu.com/" target=_blank>

37个Ajax和CSS实现的Tab选项卡切换效果界面

kkey0416@21cn.net(小戒) — Wed,29 Oct 2008 20:54:29 +0800

原文:http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.html" Interfaces? Tab-Based CSS Ajax, Great>37+ Great Ajax, CSS Tab-Based Interfaces
翻译: 帕兰

在过去几年中，Web开发人员开发了许多Ajax和CSS，Tab选项卡切换为基础的界面，成为一项非常有趣的技术，它让我们用一种简单的方式获得信息，而不需要打开和关闭多个窗口。

在本文中，我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用，这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的。

自动切换的Tab选项卡切换效果

1) http://www.kollermedia.at/archive/2007/07/10/easy-tabs-12-now-with-autochange//">Easy Tabs 1.2 with autochange- 你可以设置成自动切换模式的Tab选项卡菜单

http://www.kollermedia.at/wp-content/themes/kollermedia/specials/easytabs1.2/example_two_menus.html">

2) http://stilbuero.de/jquery/tabs_3/rotate.html">Rotating jQuery tabs这个自动切换的Tab选项卡菜单效果非常酷，在切换的时候文字可以产生淡入淡出效果。http://stilbuero.de/jquery/tabs_3/rotate.html">http://stilbuero.de/jquery/tabs_3/rotate.html">

3) http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm">Slideshow Tab Content Script-”- 这个TAB选项卡菜单支持幻灯片的自动播放模式。http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm">

滑动门TAB选项卡菜单

4) http://creativepony.com/journal/scripts/sliding-tabs/">Sliding Tabs- Sliding Tabs是一个mootools插件，它拥有一个非常漂亮的滑动效果。界面设计基本是模仿iTunes音乐商店和Panic的风格。

http://creativepony.com/demos/sliding-tabs/">

5) http://www.ndoherty.com/demos/coda-slider/1.1.1/">Coda-Slider-一个神奇的 jQuery Coda，界面设计简洁清新，滑动平稳。http://www.ndoherty.com/demos/coda-slider/1.1.1/">

6) http://people.cs.uchicago.edu/%7Emeweltman/sliding_tabs.html">Perspective tabs- 这个滑动门的前身是Sliding Tabs，使用mootools 创建，允许在有限的宽度里面拥有更多的Tab选项卡，也就是说，顶部的Tab是可以滚动的。http://people.cs.uchicago.edu/%7Emeweltman/sliding_tabs.html">

Ajax 的Tab选项卡内容块

7) http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/">Ajax Tabs Content Script- 这个一个多功能的Ajax Tab选项卡内容块，它可以让你在一个DIV层或是原来的HTML元素里面显示一个外在文件里面的内容。

http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/">

拥有关闭能力的Tab选项卡菜单

8 ) http://www.dhtmlgoodies.com/index.html?whichScript=tab-view">Tab Panes-这是一个XP风格的Tabs，可以让你实时载入或关闭一个Tab选项卡。

http://www.dhtmlgoodies.com/scripts/tab-view/tab-view-demo2.html">

9) http://www.nodetraveller.com/sandbox/moduleTabs/closeable.php">Closeable Tabs Module- 这个也是可以关闭，但是没有发现打开功能。http://www.nodetraveller.com/sandbox/moduleTabs/closeable.php">

绝对值得一看的一些Tab选项卡实例操作

10) http://www.tetlaw.id.au/view/blog/fabtabulous-simple-tabs-using-prototype/">Fabtabulous- 使用Prototype创建的一个简单Tab

http://www.tetlaw.id.au/upload/dev/fabtabulous/tabs.html">

11) http://mattberseth.com/blog/2007/11/jquery_tabcontainer_theme_with.html">JQuery TabContainer Theme-一个JQuery的Tab选项卡内容，切换的时候拥有淡出效果。http://mattberseth2.com/tab_animation/">

12) http://www.nyokiglitter.com/tutorials/tabs.html">moo.fx Tab Accordion- 使用moo.fx创建，拥有手风琴效果的Tab选项卡内容切换。
http://www.nyokiglitter.com/tutorials/tabs.html">

13) http://www.silverscripting.com/mootabs/style2.html">MooTabs- MooTabs一个极小巧(3kb) 的Tabs,基于 MooTools. 主要是创建一个简单的导航。
http://www.silverscripting.com/mootabs/style2.html">

14) http://developer.yahoo.com/yui/tabview/">TabView component- The TabView component使用的是Yahoo的UI库，旨在让开发人员创建一个TAB导航的内容浏览。
http://developer.yahoo.com/yui/tabview/">

15) http://www.andrewsellick.com/64/fancy-sliding-tab-menu-v2">Fancy Sliding Tab Menu- 基于script.aculo.us框架创建的一个非常酷的TAB效果。鼠标浮动在相应的Tab时，TAB成伸缩展示效果。

http://www.andrewsellick.com/examples/tabslideV2/">

16) http://livepipe.net/projects/control_tabs/">Control.Tabs- 一个简单的CSS tab选项卡切换，利用Prototype.jshttp://livepipe.net/projects/control_tabs/">

17) http://www.zapatec.com/website/main/products/tabs/demo.jsp#ajax.html">Zapatec Ajax Tabs- 这个DEMO使用 Zapatec AJAX 传送内容到Tab层里面动态显示。http://www.zapatec.com/website/main/products/tabs/demo.jsp#ajax.html">

Ajax Tab选项卡切换效果生成器

18) http://15daysofjquery.com/jquery-tabs/18/">15daysofjquery- jQuery Tabs 一个简单的表单让你可以轻松创建一个Tab选项卡切换效果。

http://15daysofjquery.com/examples/jqueryTabs/">

高级Tab选项卡切换效果

19) http://extjs.com/deploy/ext-2.0-alpha1/examples/tabs/tabs-adv.html">Advanced Tabs 这个Tab控制完全使用javascript来演示: 自适应Tab大小， Tab 滚动, 为Tabs添加图标, 可使用Tab插件(上下文菜单)等等。

http://extjs.com/deploy/ext-2.0-alpha1/examples/tabs/tabs-adv.html">

20) http://www.dhtmlgoodies.com/index.html?whichScript=floating_window_with_tabs">Floating window with tabs 这个脚本基于一个普通的CSS Tab选项卡. 使用和设置它都非常简单. 只需要放置你的HTML内容和调用一个javascript函数就能实现。http://www.dhtmlgoodies.com/scripts/floating_window_with_tabs/floating_window_with_tabs.html">

21) http://actsasflinn.com/Ajax_Tabs/index.html">AJAX Tabs (Rails redux) 使用Ajax来载入内容的Tab选项卡切换。
http://actsasflinn.com/Ajax_Tabs/index.html">

22) http://www.fueledsoftware.com/ajax-tabs-reloaded-based-on-the-havoc-studios-arti">Ajax Tabs Reloaded 利用Ajax，用户可以添加或者移除一个Tab内容块而不需要重新载入页面。http://blog.fueledsoftware.com/m/blogs/fueleddev/demos/demo.html">

23) http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo">JQuery Nested Tab

http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo">

纯CSS的Tab选项卡切换

24) http://www.cssplay.co.uk/menu/one_page">Cross browser tabbed pages with embeded links 不需要javascript - 只用CSS - 并且是有效的，且支持大部分主流浏览器. 当鼠标悬浮在Tab上时，显示Tab内容区。

http://www.cssplay.co.uk/menu/one_page">

25) http://unraveled.com/projects/css_tabs/">CSS Tabs这是一个不需要使用任何图像或Hack的CSS Tab选项卡菜单。
http://unraveled.com/projects/html/css_tabs/#">

26) http://clagnut.com/sandbox/csstabs/?writingtext=csstabs#">CSS-driven tabs

http://www.cssplay.co.uk/menu/one_page">

27) http://homelesspixel.de/tabs/">CSS-driven tabs

http://homelesspixel.de/tabs/">

28) http://www.q42.nl/demos/tabs/">CSS Tabs- 基于 Joshua Kaufman版本设计的CSS Tab选项卡菜单
http://www.q42.nl/demos/tabs/">

29) http://www.cssplay.co.uk/menus/hidden.html">Hidden Tab menu 一个简单的显示和隐藏Tab内容区的选项卡菜单。http://www.cssplay.co.uk/menu/one_page">

30) http://www.456bereastreet.com/lab/inverted_tabs/">Inverted Sliding Doors tabs- 这是一个倒置的滑动门Tab选项卡切换，也就是说，Tab切换菜单在内容块的下面。

http://www.456bereastreet.com/lab/inverted_tabs/">

31) http://labs.silverorange.com/archives/2004/may/updatedsimple">Updated Simple CSS Tabs- 这个二级层联的CSS Tab选项卡切换，也就是说，在一个CSS Tab内容块里面，还可以加入一个二级CSS Tab选项卡。
http://labs.silverorange.com/images/tabsupdate/portfolio.html">

32) http://kalsey.com/tools/csstabs/2">CSS Tabs with Submenus- 这个CSS TAB主要教你如何利用CSS和嵌套无序列表来实现切换效果。http://kalsey.com/tools/csstabs/2">

33) http://www.simplebits.com/bits/css_tabs.html">Simplified CSS Tabs

http://www.simplebits.com/bits/css_tabs.html">

34) http://www.brainjar.com/css/tabs/">Tabs- 使用CSS 创建的TAB选项卡切换显示.
http://www.brainjar.com/css/tabs/demo.html">

Ajax Tab选项卡切换效果教程

35) http://20bits.com/2007/05/23/dynamic-ajax-tabs-in-20-lines/">Dynamic Ajax Tabs in 20 Lines 动态的Ajax Tab选项卡切换，只需要使用17行代码，当然，要基于Prototype Javascript 框架。

http://20bits.com/2007/05/23/dynamic-ajax-tabs-in-20-lines/">

36) http://www.ajaxlessons.com/2006/02/18/ajax-workshop-2-building-tabbed-content/">Building Tabbed Content 这个教程告诉你，如何AJAX实时载入内容的Tab选项卡。当用点击一个Tab时，将与服务器连接并传回相应的数据。

http://www.ajaxlessons.com/2006/02/18/ajax-workshop-2-building-tabbed-content/">

37) http://www.htmldog.com/articles/tabs/">CSS Tabs- 一个强大的教你创何使用CSS来创建Tab选项卡。
http://www.htmldog.com/examples/tabs4.html#">

让人喷饭的孙悟空-喷饭餐饮开张啦

kkey0416@21cn.net(小戒) — Tue,28 Oct 2008 14:35:20 +0800

签名显IP来源地址 V2.0

kkey0416@21cn.net(小戒) — Sun,26 Oct 2008 20:34:32 +0800

更改了V1.0中的大部分代码，采用ASPJPEG组件的形式，也就是说这个版本需要ASPJPEG组件的支持。

采用了最新的纯真IP数据库，压缩包中已自带2008-10-26号的。文件名为：QQWry.Dat，更新IP地址数据库时直接覆盖这个文件就可以了。

IpImg.gif为背景图片，根据自己的需要替换。

调用方法请参考各论坛签名贴图方式。一般为{img]http://域名/本系统所在目录/qmipv2.0.asp{/img]或者{img src=http://域名/本系统所在目录/qmipv2.0.asp]，请将"{"替换为"["

下载附件，解压，上传到空间的某同一目录下就OK了。

演示：

点击下载此文件

站长站分流下载

web开发网分流下载

鹰立鹤群

ASP连接MySQL数据库的方法

MYSQL远程连接工具及设置

评论留言增加邮箱网址及博主回复通知评论留言人 For Pj3 157（11/2日修改网址判断）

30多个CSS和JS下拉菜单资源

横向和纵向的下拉菜单

下拉菜单教程

下拉菜单生成器

37个Ajax和CSS实现的Tab选项卡切换效果界面

自动切换的Tab选项卡切换效果

滑动门TAB选项卡菜单

Ajax 的Tab选项卡内容块

拥有关闭能力的Tab选项卡菜单

绝对值得一看的一些Tab选项卡实例操作

Ajax Tab选项卡切换效果 生成器

高级Tab选项卡切换效果

纯CSS的Tab选项卡切换

Ajax Tab选项卡切换效果 教程

让人喷饭的孙悟空-喷饭餐饮开张啦

签名显IP来源地址 V2.0

Ajax Tab选项卡切换效果生成器

Ajax Tab选项卡切换效果教程