运行代码 缩小
十度
HTML代码
复制 格式化 注释 注释 清空
放大
x
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
    <head>
4
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5
        <title>JQuery-跑马灯(文字无缝向上翻动)(自已封装的第三个插件)
6
        </title>
7
        <script type="text/javascript" src="http://ku.shouce.ren/libs/jquery/1/jquery1.7.2.min.js">
8
        </script>
9
    </head>
10
    <body>
11
        <ul class="line">
12
            <li style="margin-top: 0px; ">
13
                <a title="getElementsByTagName的简写方式" href="http://mrthink.net/javascrip-simple-getelementsbytagname/">getElementsByTagName的简写方式
14
                </a> 2016年06月24日 (4)
15
            </li>
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
xxxxxxxxxx
21
 
1
* {
2
  margin:0;
3
  padding:0}
4
body {
5
  font:14px Helvetica, sans-serif;
6
  font-weight:bold;
7
  background:#FFF}
8
ul.line{
9
  width:500px;
10
  height:30px;
11
  background:#eee;
12
  overflow:hidden;
13
  margin-bottom:20px;
14
  border:2px solid #a40000}
15
ul.line li{
16
  height:30px;
17
  text-indent:15px;
18
  font-size:12px;
19
  line-height:30px;
20
  list-style:none}
21
JS代码
复制 格式化 注释 注释 清空
放大
xxxxxxxxxx
44
 
1
// JavaScript Document
2
(function($){
3
  $.fn.extend({
4
    "slideUp":function(value){
5
      var docthis = this;
6
      //默认参数
7
      value=$.extend({
8
        "li_h":"30",
9
        "time":2000,
10
        "movetime":1000
11
      }
12
                     ,value)
13
      //向上滑动动画
14
      function autoani(){
15
        $("li:first",docthis).animate({
名称
JQuery-跑马灯
分类
网站常用
描述
JQuery-跑马灯(文字无缝向上翻动)(自已封装的第三个插件)
收藏