广告服务
|
收藏本页
|
设为首页
|
登录
|
注册
退出
|
管理
Alexa排名查询
|
广告代码
|
发布源码
首页
学院
源码
软件
书籍
模板
图标
图片
字体
酷站
特效
工具
论坛
阿里西西通告:
ASP教程
|
PHP教程
|
JSP教程
|
.NET教程
|
CGI教程
|
XML教程
|
AJAX教程
|
HTML
|
网站重构
|
CSS教程
|
JS教程
|
网页设计
|
数据库
|
服务器
|
开发工具
|
网站运营
ASP源码下载
|
ASP.NET源码下载
|
PHP源码下载
|
JSP源码下载
|
CGI源码下载
|
FLASH源码下载
|
AJAX源码下载
|
办公OA源码
|
网店商城
|
公司网站源码
|
整站源码
代码编程
|
界面设计
|
加解密
|
开发辅助
|
浏览阅读
|
装机必备
|
IIS软件
|
FTP软件
|
安全软件
|
远程监控
|
邮件系统 |
虚拟主机 |
web服务 |
组件
|
设计软件
|
数据库
网站运营
|
ASP电子书
|
PHP电子书
|
.NET电子书
|
JSP电子书
|
CGI
|
数据库XML
|
服务器
|
HTML
|
设计教程
|
AJAX
|
JAVA/J2EE
|
C语言
|
VB
|
DELPHI
|
安全
|
其它
论坛程序模板
|
医疗网站
|
产品网页
|
商务网站
|
主机网站
|
旅游网站
|
体育
|
娱乐
|
艺术网站
|
建筑网页
|
动植食物
|
人物网站
|
教育网页
|
企业网站
|
简约
|
另类
系统
|
房屋
|
苹果
|
文件夹
|
电脑
|
影视
|
动植物
|
表情
|
系列图标
|
软件
|
文件
|
游戏
|
工具
|
CD光盘
|
交通
|
人物
|
食物
|
体育
|
国旗
|
卡通
|
标志
|
桌面图标
风景图片
|
花草图片
|
水资源图片
|
动物图片
|
美食图片
|
人物图片
|
抽象
|
民族艺术
|
静物图片
|
宇宙图片
|
建筑图片
|
装修图片
|
科技交通
|
体育图片
|
精美图片
书法家字体
|
迷你
|
金梅
|
汉仪
|
华文
|
长城
|
创艺
|
汉鼎
|
金桥
|
文鼎
|
微软
|
超世纪
|
中国龙
|
四通利方
|
华康
|
经典
|
王汉宗
|
中文
|
条形码
|
英文
|
其它
韩国酷站
|
欧美酷站
|
中国酷站
|
日本酷站
|
黑色酷站
白色酷站
|
灰色酷站
|
红色酷站
|
橙色酷站
|
黄色酷站
|
绿色酷站
|
青色酷站
|
蓝色酷站
|
紫色酷站
广告代码特效
|
导航条代码
|
菜单特效
|
日期时间
|
背景图像
|
图层样式
|
鼠标特效代码
|
页面窗口
|
色彩表格
|
文字特效
|
表单按钮
|
计数转换
|
游戏特效
|
实例特效
网站免费登陆
|
Alexa排名查询
|
广告代码下载
|
站长工具
|
查询工具
|
色彩工具
|
技术手册查询
|
WHOIS信息查询
|
PR值查询
|
收录查询
|
极品万年历
|
身份证查询
网络编程技术
|
网页设计制作
|
原创作品点评
|
程序员互动
|
求职招聘
|
服务器主机
|
域名交易
|
建站源码发布
|
网站推广
|
站长链接交换
|
站长赚钱讨论
|
交易广告信息
当前位置:
网页特效
>
网页特效演示页
菜单导航特效
日期时间特效
背景图像特效
图层样式特效
鼠标特效代码
页面窗口特效
色彩表格特效
文字特效代码
表单按钮特效
计数转换特效
游戏网页特效
实例网页特效
无间断滚动的新闻文章列表,兼容IE、Firefox和Opera,符合W3C标准。可作Marqu - 网页特效代码演示 - 特效代码运行
以下是HTML网页特效代码,点击运行按钮可查看效果:
<!--Quirks Mode--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8" /> <title>Fifty Studio│无间断滚动的新闻文章列表</title> <link rel="stylesheet" type="text/css" href="/tutorials/demo/css/main.css" /> <!--[if IE]><style> @import url("/tutorials/demo/css/ie.css"); </style><![endif]--> <style type="text/css"> <!-- a{background:#FFF; color:#333;} a:hover{background:#FFF;color: #C00;} #demo ul{text-align: left; } #demo li a{line-height:2em; padding-left:1.5em;background: #F7F7F7 url(/img/arrow_l2_over.gif) no-repeat 0 50%;display: block;margin-bottom: 1px;} #FGWrapper{width: 400px; margin:2em auto; background:#EEE;} #demo{overflow:hidden; width: 390px;height: 150px; background:#FFF;margin: 5px;float: left;display: inline;} #desc{ font-size: 1em; padding:0 10px 10px; clear:both;text-align:left;} #copyright{float: right;} --> </style> <noscript> <style type="text/css"> #demo{overflow:auto; } } </style> </noscript> </head> <body> <div id="ForestganWrap"> <div id="forestganHeader"> <a href="/"><img src="/img/logo.gif" width="170" height="40" alt="Fifty Studio" class="logo" /></a> <h1>CSS 布局演示 CSS Layout by Forestgan</h1> <h2 id="demo_date">2006-11-1 发表</h2> </div> <div id="forestganMiddle"> <div id="FGWrapper"> <div id="demo"> <div id="demo1"> <ul> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=76" title="三列自适应宽度液态布局│Three Column Liquid Layouts">三列自适应宽度液态布局│Three Column Liquid Layouts </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=75" title="Internet Explorer 7 对CSS的兼容--Box Model Changes">Internet Explorer 7 对CSS的兼容--Box Model Changes </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=74" title="未知大小的图片在一个已知大小容器中的水平和垂直居中(二)">未知大小的图片在一个已知大小容器中的水平和垂直居中(二) </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=73" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector">为不同的浏览器载入不同CSS的二种方法CSS Browser Selector </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=72" title="用ASP程序模拟实现first-child的功能">用ASP程序模拟实现first-child的功能 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=71" title="本地检验网页是否符合标准的几种方法">本地检验网页是否符合标准的几种方法 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=6&id=70" title="Accessibility和General Developer工具">Accessibility和General Developer工具 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=69" title="未知总宽度的列表菜单水平居中的解决方案">未知总宽度的列表菜单水平居中的解决方案 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=68" title="为机器人程序准备的robots.txt文件">为机器人程序准备的robots.txt文件 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=67" title="未知大小图片在已知容器中的垂直和水平居中问题">未知大小图片在已知容器中的垂直和水平居中问题 </a></li> </ul> </div> <div id="demo2"> </div> <script type="text/javascript"> //图片无间断滚动代码,兼容IE、Firefox、Opera //原脚本是IE only,来自网上,作者未知 //部分内容是由forestgan为了JS代码标准化,兼容以gecko为内核的浏览器于2006-10-30重写 //http://www.forest53.com var speed=40; var FGDemo=document.getElementById('demo'); var FGDemo1=document.getElementById('demo1'); var FGDemo2=document.getElementById('demo2'); FGDemo2.innerHTML=FGDemo1.innerHTML function Marquee1(){ if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0) FGDemo.scrollTop-=FGDemo1.offsetHeight else{ FGDemo.scrollTop++ } } var MyMar1=setInterval(Marquee1,speed) FGDemo.onmouseover=function() {clearInterval(MyMar1)} FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)} </script> </div> <div id="desc"><a href="http://www.forest53.com"><span id="copyright">Design by Forestgan</span></a>文章列表无间断滚动演示</div> </div> </div> </div> <div id="forestganFooter"> <address> 演示页面设计制作: <a href="http://www.forest53.com">Forestgan</a> 采用<a href="http://www.creativecommons.cn/">创作共用授权</a>--署名和非商业用途<br /><a href="javascript:history.back()">返回前一页</a> </address> </div> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-152060-1"; urchinTracker(); </script> <noscript> <p>google-analytics</p> </noscript> <script src="/js/copyrightdemo.js" type="text/javascript"></script> <noscript><p>my stat</p></noscript> </body> </html>
欢迎访问阿里西西网页特效代码站,js.alixixi.com
[提示:可先修改代码再按运行]
刚被其它网友点击的网页特效
特效标题
预览特效
点击
运行特效
给页面加热键
运行
68
站内搜索脚本(三)
运行
73
站内搜索脚本(二)
运行
68
网页源代码加密保护 输入原代...
运行
64
随机乱码生成器
运行
98
自动上下滚屏
运行
96
随机数据显示功能(可用于选...
运行
81
图片生成器
运行
366
下拉菜单自动生成
运行
97
集成的搜索引擎
运行
108
页面搜索器
运行
91
站内搜索脚本(六)
运行
93
动态变形的公告窗口『COOL』
运行
166
站内搜索脚本(五)
运行
81
站内搜索脚本(四)
运行
125
加密文本解密(一)
运行
104
页面上的酷文字
运行
84
把链接做成JS文件
运行
138
网页脚本运行代码功能特效
运行
642
宣传FLASH的隐现
运行
292
自动跳转文本
运行
50
按钮直接转换页面
运行
50
滚动到边停
运行
44
滚动的iframe页面
运行
164
投票与结果分别对待
运行
78
表单提交给两个文件
运行
92
style的点击变换
运行
107
setTimeout的用法
运行
447
网上订单的查询
运行
144
模拟下雪景象
运行
257
搜索查询面板
本月特效排行
JS树形菜单
[运行]
仿FLASH的漂亮的图片轮播效果
[运行]
网页弹出层
[运行]
一款动感十足的div+css动态菜单
[运行]
令人震撼的图片展示效果
[运行]
仿flash导航菜单(jquery),适...
[运行]
绝对经典的滑轮新闻显示(javasc...
[运行]
仿flash菜单2(jquery)
[运行]
JavaScript模拟下拉菜单 JQuer...
[运行]
菜单抖动效果
[运行]
更多...
本周特效排行
透明漂亮的动感滑动效果菜单
[运行]
发一个弹性菜单,垂直的那种
[运行]
滚动图片中图片选中效果
[运行]
js+css完成的网站流行效果
[运行]
JS树形菜单
[运行]
用Li来实现的效果
[运行]
[ 原创 ] 仿搜狐女人频道FLAS...
[运行]
网页弹出层
[运行]
仿FLASH的漂亮的图片轮播效果
[运行]
令人震撼的图片展示效果
[运行]
更多...
本日特效排行
透明漂亮的动感滑动效果菜单
[运行]
用Li来实现的效果
[运行]
发一个弹性菜单,垂直的那种
[运行]
JS树形菜单
[运行]
滚动图片中图片选中效果
[运行]
js+css完成的网站流行效果
[运行]
[ 原创 ] 仿搜狐女人频道FLAS...
[运行]
仿FLASH的漂亮的图片轮播效果
[运行]
令人震撼的图片展示效果
[运行]
网页弹出层
[运行]
更多...
网页特效即时演示功能V1.02 - 阿里西西
关于我们
·
免责声明
·
广告服务
·
版权隐私
·
联系我们
·
友情链接
·
网站地图
·
免费收录
·
本站技术QQ群:17701495
Copyright 2004-2008 © Alixixi.com
粤ICP备05097156号