实用的标签效果

body{font-size:12px;line-height:150%;}
table{font-size:12px;line-height:150%;}

a:link {color:#000; text-decoration:none}
a:visited {color:#000; text-decoration:none}
a:active {color:#000; text-decoration:none}
a:hover {color:#ff0000; text-decoration:underline}

.s01 {border:#6BA6DE 1px solid; border-bottom:0px; background:#eff7ff; padding-top:1px}
.s02 {border:#ffffff 1px solid; border-bottom:#6BA6DE 1px solid; background:#ffffff;}

function secBoard(n)
{
for(i=1;i

选项卡1 选项卡2 选项卡3 选项卡4
这还可以放固定不变的东西，如果要加上，去掉注释符

这个里面可以放你需要的东西，如果有多个选项卡的话可以适量修改代码就可以了

具体的大小你自己调，我这做的很明显，注意上面表格和下面表格宽度要一样，下面一个表格的高度随便改，最好手动修改本代码，即不要用 DW 等工具调大小

所有的样式呀什么的，你都可以自己改，不懂的再问我

嘿嘿，专为 ..... 设计制作

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • 实用的标签效果

    body{font-size:12px;line-height:150%;} table{font-size:12px;line-height:150%;} a:link {color:#000; text-decoration:none} a:visited {color:#000; text-decoration:none} a:active {color:#000; text-decoration:none} a:hover {color:#ff0000; text-decoration:

  • 基于JavaScript实现TAB标签效果

    js实现tab标签效果,在项目中经常用到,今天抽点时间把我写的js实现tab标签效果源码分享给大家,对js tab标签代码需要的朋友参考下 废话不多说了,直接给大家贴代码了: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content=&

  • iOS仿微信添加标签效果(shape实现)

    iOS仿微信添加标签效果(shape实现)

    一. 概述 可以说微信做的用户体验太棒了,可以做到老少皆宜,给个赞,我们也同时应该告诫自己,用户体验应该向微信看齐,微信就是我们的标杆,那我们今天也来仿一仿微信添加的标签功能.只能仿着做了,真是做不到微信的那种体验.甘拜下风. 我们上篇学习了shape属性的用法,那我们今天就用shape来做下微信的标签功能.先看一下效果. 我不仅用到了shape属性,还用到了翔哥的标签布局FlowLayout跟TagFlowLayout鸿洋的博客 二.效果图 三 .定义shape 添加标签 <?xml vers

  • jQuery实现模拟marquee标签效果

    Marquee 模仿IE下面的marquee效果,鼠标移上去暂停.形成环的主要原理在于每张图片一旦判断出了外面的显示窗口就添加到尾部,用append和prepend模拟数组的push()和shift(). 代码如下: HTML <!doctype html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta c

  • jQuery简单实现彩色云标签效果示例

    本文实例讲述了jQuery简单实现彩色云标签效果的方法.分享给大家供大家参考,具体如下: 一.JS Code: <script type="text/javascript"> $(function () { randomCloudLabel(); }); function randomCloudLabel() { var obj = $("#CloudLabel a"); function rand(num) { return parseInt(Math

  • Javascript实现一个简单的输入关键字添加标签效果实例

    Javascript实现一个简单的输入关键字添加标签效果实例

    本文主要给大家介绍的是关于js输入关键字添加标签效果的相关内容,分享出来供大家参考学习,下面来看看详细的介绍: 实现功能: 输入关键字加空格键添加tag标签 按Backspace键删除一个标签 输入关键字后,鼠标失去焦点添加tag标签 keyWord.init方法初始化方法 展示效果: demo演示地址 示例代码 <style> .block { display:flex; flex-direction:row; align-items:center; width:500px; height:

  • Android实现3D云标签效果

    Android实现3D云标签效果

    本文实例为大家分享了Android实现3D云标签效果的具体代码,供大家参考,具体内容如下 一.自定义View public class TagCloudView extends RelativeLayout { RelativeLayout navigation_bar; TextView mTextView1; private final float TOUCH_SCALE_FACTOR = .8f; private float tspeed; private TagCloud mTagClo

  • Android实现随机圆形云标签效果

    本文实例为大家分享了Android实现圆形云标签效果展示的具体代码,供大家参考,具体内容如下 下面是实现的效果图: 这个适合用于选择 用户的一些兴趣标签,个性名片等. 代码: Activity package com.dyl.cloudtags; import java.util.ArrayList; import java.util.Arrays; import java.util.Random; import android.app.Activity; import android.cont

  • PHP实现的多彩标签效果代码分享

    目前,大家的博客左侧通常加上一个漂亮的多彩标记,也想给自己的小站加一下这个小功能. 可惜已经再不再是使用WordPress的时候那么方便了,使用WordPress的朋友们直接使用现成的插件,鼠标点点就可以加上这个炫彩的功能.小站程序是自个写的,要加这么一个功能还是得自己动手,就当学习吧! 首先,我分析了一下目前多彩标签的主要表现形式,主要有两点:颜色多样,大小不一.这个是多彩标签的特性,于是想到了PHP中的随机函数rand.直接给大小,颜色用rand随机取值就可以. 大小的随机值容易搞定,直接生

  • yahoo 页面的标签效果

    yahoo 标签 .tag_box { width:400px; height:126px; border:1px solid #B0BEC7; font:12px Arial, Helvetica, sans-serif; margin:50px; overflow:hidden} .tag_box ul.menulist { width:402px; height:20px; overflow:hidden; margin:0} .tag_box ul.menulist li { float

随机推荐