纯Js ——文字上下左右滚动】的更多相关文章

ScrollBaseJs.js var $$ = function (id) { return typeof id == 'string' ? document.getElementById(id) : id; }; Object.extend = function (destination, sourse) { for (var item in sourse) { destination[item] = sourse[item]; } return destination; }; var Cl…
js文字向上滚动代码 <style>.pczt_pingfen_jhxs_news1{ width:397px;  background:#edfafd; padding-top:2px; padding-bottom:2px; margin:0 auto;}.pczt_pingfen_jhxs_xian{ width:382px;  margin:0 auto; border:1px dashed #a8d1dd; border-left:none; border-right:none;}.…
自己写过很多插件,但都是直接嵌入在了工程里,从来没有拿出来单独封装成一个文件过,这是第一次,希望是一个良好的开端. 一个文字过长而可以左右滚动的插件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> div{ widt…
<div id="dome"> <div id="dome1"> <ul class="express"> {dede:arclist row='10' titlelen='36' orderby='pubdate' typeid='2' idlist=''} <li>·<a href="[field:arcurl/]"><font color="#6…
<div id=demo style="overflow:hidden; width:128px; height:300px;"> <div id=demo1> <table width=--06到</td><td --25到</td><td --10到</td><td --26到</td><td --27到</td><td --24到</td><t…
今天要实现抽奖名单在首页滚动展示的效果,就用js写了一个,代码如下: html代码: <style type="text/css"> *{margin:;padding:;list-style-type:none;} a,img{border:;} a,a:visited{color:#5e5e5e; text-decoration:none;} a:hover{color:#b52725;text-decoration:underline;} .clear{display…
本文我们实现纯JS方式的滚动广告效果. 先show一下成品: 首先是网页样式: 1. #demo { 2. background: #FFF; 3. overflow:hidden; 4. border: 1px dashed #CCC; 5. width: 1280px; 6. height:200px; 7. } 8. #demo img { 9. border: 3px solid #F2F2F2; 10. } 11. #indemo { 12. float: left; 13. widt…
首先先看一下大致效果图(因为是动态的,在页面无法显示出来) 具体的实现代码如下: 1.首先是css代码: <style type="text/css"> body,ul,li,a,p,div{padding:0px; margin:0px; font-size:14px;} ul,li{list-style:none;} a{ text-decoration:none; color:#333;} #demo{ overflow:hidden; /*溢出的部分不显示*/ wi…
页面布局      <div id="scroll_div" class="fl">         <div id="scroll_begin">            恭喜793765***获得 <span class="pad_right">50元巨人点卡奖励</span>            恭喜793765***获得 <span class="pad_…
纯js实现,完整代码如下: <!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="关键字1,关键字2" /> <me…