欢迎来到福编程网，本站提供各种互联网专业知识！
手机版
微信关注
快捷导航
正则表达式
AJAX相关
黑客相关
相关技巧
Mysql
MsSql
MsSql2005
MsSql2008
MariaDB
Oracle
Access
SQLite
PostgreSQL
MongoDB
DB2
Redis
数据库文摘
数据库其它
LINUX
RedHat/Centos
Ubuntu/Debian
Fedora
Solaris
红旗Linux
Unix/BSD
苹果MAC
麒麟系统
注册表
BIOS
系统安装
系统进程
Fireworks教程
广告
商业广告，理性选择
网站首页
网络编程
数据库
操作系统
平面设计
网站运营
网络安全
电脑相关
手机学院
您的位置：
网站首页
>
无法确定分类
用javascript实现的不错的一款网页选项卡
发布时间：2007-11-18 作者： 来源：转载
标签：
雪佛兰
通用
奢华
劳斯莱斯
旗舰版
64位
收藏夹
解调器
这款选项卡效果，是我见过的一个不错的选项卡效果，不是最好，也是很好的Javascript标签页（TAB）浏览控件推介之：DOMTab-javascript,DOMTab,TAB,标签页,PHP/MySQL(X)HTML/CSSJavascriptAjaxHomr.cn-DIV+CSS小段精华代码PHPPHP（"PHP:HypertextPreprocessor
这款选项卡效果，是我见过的一个不错的选项卡效果，不是最好，也是很好的
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Javascript 标签页（TAB）浏览控件推介之：DOMTab - javascript, DOMTab, TAB, 标签页, </title> <style type="text/css"> <!-- body { margin:0; padding:10px 5px; font-size:12px; font-family:verdana,arial,sans-serif,"宋体"; } #warp { width:600px; margin:0 auto; } /* TAB样式 开始 */ ul.domtabs { list-style: none; font-size: 0.9em; border-bottom: 1px solid #D55E12; margin: 0 0 20px 0; padding: 0 30px 2px 0; text-align: right; } ul.domtabs li { display: inline; margin: 0; } ul.domtabs a:link, ul.domtabs a:visited, ul.domtabs a:active, ul.domtabs a:hover { text-decoration: none; padding: 2px 5px 4px 5px; position: relative; bottom: 1px; color: #EA8544; } ul.domtabs li.active a:link, ul.domtabs li.active a:visited, ul.domtabs li.active a:active, ul.domtabs li.active a:hover { background:#fff; padding: 2px 10px 4px 10px; border: 1px solid #D55E12; border-bottom: 1px solid #fff; position: relative; bottom: 1px; color: #D55E12; font-weight:bold; } ul.domtabs a:hover { text-decoration: underline; color: #D55E12; } ul.domtabs li.active a:hover { text-decoration: none; } /* 前后跳转 */ ul.prevnext { list-style-type: none; margin: 0; padding: .5em 0; border-top: 1px solid #D55E12; } ul.prevnext li a { display: block; width: 6em; color: #FFF; background-color: #D55E12; padding: 2px 0; text-align: center; text-decoration: none; font:12px bold "verdana"; } ul.prevnext li a:hover { color: #FFF; background-color: #EA8544; } ul.prevnext .prev { float: left; } ul.prevnext .next { float: right; } h2.title {color:#D55E12;} --> </style> <body> PHP/MySQL (X)HTML/CSS Javascript Ajax <h2 class="title">Homr.cn - DIV+CSS小段精华代码</h2> <!-- TAB 1 --> <h2>PHP</h2> <p style="TEXT-INDENT: 2em">PHP（"PHP: Hypertext Preprocessor"，超文本预处理器的字母缩写）是一种被广泛应用的开放源代码的多用途脚本语言，它可嵌入到 HTML中，尤其适合 web 开发。 </p> <h2>MySQL</h2> <p style="TEXT-INDENT: 2em">MySQL是最流行的开放源码SQL数据库管理系统，它是由MySQL AB公司开发、发布并支持的。MySQL AB是由多名MySQL开发人创办的一家商业公司。它是一家第二代开放源码公司，结合了开放源码价值取向、方法和成功的商业模型。</p> <p style="TEXT-INDENT: 2em">back to menu</p> <!-- TAB 2 --> <h2>(X)HTML</h2> <p style="TEXT-INDENT: 2em">HTML语言是我们建立网页的工具，从它出现发展到现在，规范不断完善，功能越来越强。但是依然有缺陷和不足，人们仍在不断的改进它，使它更加便于控制和有弹性，以适应网络上日新月异的应用需求。2000年底，国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。</p> <p style="TEXT-INDENT: 2em">XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。</p> <h2>CSS</h2> <p style="TEXT-INDENT: 2em">CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。</p> <p style="TEXT-INDENT: 2em">back to menu</p> <!-- TAB 3 --> <h2>Javascript</h2> <p style="TEXT-INDENT: 2em">JavaScript 是一种新的描述语言，此一语言可以被嵌入 HTML 的文件之中。透过 JavaScript 可以做到回应使用者的需求事件 (如： form 的输入) 而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server)处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。</p> <p style="TEXT-INDENT: 2em">back to menu</p> <!-- TAB 4 --> <h2>Ajax</h2> <p style="TEXT-INDENT: 2em">AJAX (Asynchronous JavaScript and XML, 异步 JavaScript 及 XML 技术) 是个新词，但内涵是两个存在已有一段时间的 JavaScript 功能。这两种功能以往一直被忽略，在 Gmail、Google suggest 及 Google Maps 出现后才一举成名天下知。</p> <p style="TEXT-INDENT: 2em">这两个 JavaScript 功能 是： 在不重新读取页面的情况下对伺服器送出要求（request） 解析、使用 XML 文件 </p> <p style="TEXT-INDENT: 2em">back to menu</p> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一篇：
比较简洁的JavaScript 实时显示时间的脚本 修正版
下一篇：
windows系统自带的扫描软件无法扫描该怎么办?
广告
商业广告，理性选择
相关推荐
4555555555555555454
aspnet_admin.exe进程是安全的吗 aspnet_admin进程信息查询
make_sock: could not bind to address 0.0.0.0:443
用软件lm_sensors监测Linux系统和CPU温度
教你SQLSERVER扩展存储过程XP_CMDSHELL的简单应用
教你如何用ISAPI_Rewrite做IIS防盗链
桌面文件丢失怎么办？找回桌面文件的妙招
电脑中如何将耳机和扬声器设为独立音源
ubuntu下删除或卸载easy_install所安装的软件包
Debian/Ubuntu下安装Apache的Mod_Rewrite模块的步骤分享
如何使用命令查看电脑生产日期
windows扬声器被禁用了怎么办
Vsftpd+tcp_wrappers控制主机和用户访问
Centos 6.5 x86_64 安装或者设置花生壳ddns的技巧
e_srcv03.exe是什么进程 e_srcv03进程是安全程序吗
e_s0hic1.exe是什么进程 e_s0hic1进程安全吗
vi_grm.exe进程是什么意思
Windows7/2008中批量删除隧道适配器的方法
走进Vista系统安全中心!
让Vista响应更快
广告
商业广告，理性选择
文章分类
免责声明
联系我们
关于我们
广告合作
电脑相关
手机学院
网络编程
数据库
操作系统
平面设计
网站运营
网络安全
热门关键词
雪佛兰
通用
奢华
劳斯莱斯
旗舰版
64位
收藏夹
解调器
网卡
网线
分辨率
家电
4k
显示器
header
USER_AGENT
色彩
图形
商业
生成
广告
商业广告，理性选择
热门文章
1
什么是Meta标签？ 哪些Meta标签对搜索引擎SEO优化有作用？
2
Mac设置VPN来登录youtube等国外网站的步骤
3
各大搜索引擎登录入口,网站收录入口
4
Openvpn在麒麟操作系统上的配置方法
5
联想笔记本BIOS设置图解中文详细说明
6
AMI BIOS设置图解教程+Award Bios设置全程图解
7
Mac怎么切换主显示器 苹果电脑Mac双显示器设置主显方法图解
8
分享最受美国人喜欢的十大搜索引擎
9
分享10个常见的SQL注入工具
10
mac系统中自带的邮件程序怎么添加qq邮箱帐号?
最新更新
无线路由器经常断线 故障解决
怎么在Mac上设置锁屏不待机
VHD和VHDX硬盘格式有什么区别?
关闭Aero Shake节约系统资源的方法
怎么更改Mac中的邮件字体大小
提高WIN7系统开机速度方法分享
Mac系统怎么更改用户登录密码
Mac上如何修改时间和日期
如何将常用应用固定至开始屏幕或任务栏
MySQL中replace into语句的用法详解（insert into 的增强版）
广告
商业广告，理性选择
网站首页
|
关于我们
|
免责声明
|
广告合作
|
联系我们
Copyright @ 2015-2024
福编程 fuphp
All Rights Reserved.
豫ICP备15036959号-4
