转至:http://www.w3ci.com/plugin/660.html 简介 vTicker 是一款非常小巧的 jQuery 垂直滚动插件,压缩后只有 2KB.vTicker 支持自定义滚动时间.间隔时间.显示个数.滚动方向(向上/向下).容器高度等等,但它对 HTML 结构有点小“苛刻”——容器里面只能是 ul 标签.不过如果你仅仅是需要一个垂直滚动效果的话,vTicker 仍然是一个很好的选择,毕竟它是如此的小巧方便. 浏览器兼容 使用方法 1.引入文件 <script src="

vTicker 是一款非常小巧的 jQuery 垂直滚动插件,压缩后只有 2KB.vTicker 支持自定义滚动时间.间隔时间.显示个数.滚动方向(向上/向下).容器高度等等,但它对 HTML 结构有点小“苛刻”——容器里面只能是 ul 标签.不过如果你仅仅是需要一个垂直滚动效果的话,vTicker 仍然是一个很好的选择,毕竟它是如此的小巧方便. 使用方法 1.引入文件 1 <script src="js/jquery.min.js"></script> 2 &

<script language="javascript" src="lirms/Test/jquery-1.4.2.js"></script> <script language="javascript" src="lirms/Test/vticker.js"></script> <script type="text/javascript"> $(

一.使用要求 列表必须是ul>li的格式 html代码 <div class=" myvticker'"> <ul> <li>1.新闻标题</li> <li>2.新闻标题</li> <li>3.新闻标题</li> </ul> </div> js引用vticker.js , 点击下载 $('.myvticker').vTicker({ speed: 700,//默

如果我们只是获取一个ul中的第一个li的话,那么我们可以这样写: $("ul li:first"); $("ul li").eq(0); $("ul li").first(); $("ul li").slice(0,1);//slice第一个参数表示的选取开始的位置,第二个参数是结束的位置 <ul> <li>安哲</li> <li>安哲</li> <li>

$("ul li:first"); $("ul li").eq(0);$("ul li").first();$("ul li").slice(0,1);//slice第一个参数表示的选取开始的位置,第二个参数是结束的位置 <script type="text/javascript">//方案一$(function(){var list=$("ul");for (var i =

借助Html中的列标标签<ul>在某列文字前面添加标注 <html> <head> <title>文字上方添加标记说明</title> <style> body{ font-size:12px; } ul { list-style-image: url(star.gif); color: gray; font-family: 华文细黑; } </style> </head> <body>给文字的左侧

试一试 <style type="text/css" media="all"> ul { list-style-type: disc; } ul#circle { list-style-type: circle; } ul#square { list-style-type: square; } ul#decimal { list-style-type: decimal; } ul#decimal-leading-zero { list-style-typ

效果预览:http://hovertree.com/texiao/css/ 如何用CSS制作横向菜单 让ul li横向排列及圆点处理 我们先建立一个无序列表,来建立菜单的结构.代码是: <ul> <li><a href="http://hovertree.com/">首页</a></li> <li><a href="http://hovertree.com/map/">网站地图<

1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> <li>可以随意放置</li> </ul> .可以随意放置 .可以随意放置 .可以随意放置 2.ol就序列表,会按照你写的li前后依次排列: <ol> <li>我是第一</li> <li>我是第二</li> <li&

查看效果:http://hovertree.com/texiao/css/7.htm 具体实现请看样式部分. 完整代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>使用CSS把ul,li制作成表格-何问起</title><

获取第一个ul中的第一个li标签的方法: //获取第一个ul中的第一个li /* $("ul li:first").css("background","pink"); $("ul li").eq(0).css("background","pink"); $("ul li").first().css("background","pink&q

目的很简单:有一个 ul>li 列表,默认为单列显示,把它变为两列显示. 方法1,使用DIV+CSS代码: <style type="text/css"> .mycode{ width:300px; height:74px; float:left;} .mycode ul{ width:280px;} .mycode li{ width:100px; float:left; display:block;} </style> <div> <

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <title>laz

CSS: <style type="text/css"> #nav_sub_page { text-align: center; width: 80%; } #nav_sub_page ul { display: inline-block; margin: 10px 20px; padding: 0px; } #nav_sub_page ul li { display: inline; } #nav_sub_page ul li a { display: inline-bl

<ol>标签-有序列表 定义和用法: <ol>标签定义有序列表. HTML 与 XHTML 之间的差异 在 HTML 4.01 中,ol 元素的 "compact"."start" 以及 "type" 属性是不被赞成使用的. 在 XHTML 1.0 Strict DTD 中,ol 元素的 "compact"."start" 以及 "type" 属性是不被支持的.

1 ul 1)list-style:none; 3)设置宽度 2)清除浮动的影响,使高度自适应 2 li 1)向左浮动 2)设置margin和padding都为0 3 a 1) dsiplay :block 2)设置width和height 完整的代码如下: ul { list-style:none; width:1040px; margin:0px auto; zoom:1 } ul:after { content:"."; font-szie:0px; line-height:0p

列表中有标题的时候就用dl,没有的话就用ul

我要讲一个忧伤的故事,本以为清晰的层次结构,ul里不能嵌套div和li平级,不然会乱乱乱! 代码: <ul class="catshow">                <li>                    <div class="cattitle">行政区域:</div>                    <ul class="catlist" id="provin

1 $(function() { var all = $(".test"); $(".test").each(function() { var y = $(this).children(); $.each(y,function(key,value){ console.log(value.innerHTML)//获取文本值 if(value.getAttribute("data-url").indexOf("1")!=-1){/