<!DOCTYPE html>
<html lang="zh" class="no-js">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery文字动画切换插件Adjector.js</title>
<link rel="stylesheet" type="text/css" href="css/default.css" />
<script src="js/modernizr.js"></script>
<link rel="stylesheet" type="text/css" href="css/adjector.css" />
<link href='http://fonts.useso.com/css?family=Raleway:900' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/adjector.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".contain .adject").adjector({
sep: "|",
stay: 3000,
trans: 850,
arm: 0
});
});
</script>
</head>
<body>
<div class="container">
<div class="header">
<h1>jQuery文字切换插件-Adjector.js</h1>
</div>
<div class="menu">
<a href="index.html">Demo 1</a>
<a href="index2.html">Demo 2</a>
<a href="index3.html">Demo 3</a>
<a class="active" href="index4.html">Demo 4</a>
</div>
<div class="main">
<div id="robo-wrapper" class="paragraph-content">
<div id="heading" class="contain"><span class="adject">IM</span> <span class="adject">ROBO|GEEK|COOL|LAZY|NERD</span></div>
</div>
<div id="robo-wrapper" class="paragraph-content">
<div id="sub" class="contain"><span class="adject">At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren.
|
Sanctus sea sed takimata ut vero voluptua. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Sanctus sea sed takimata ut vero voluptua. Lorem ipsum dolor.
|
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Lorem ipsum dolor sit amet.</span></div>
</div>
</div>
</div><!-- Container -->
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>更多源码下载：<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p>
</div>
</body>
</html>
jQuery文字动画切换插件Adjector.js.zip
版权申诉
100 浏览量
2023-09-21
00:12:30
上传
评论
收藏 53KB ZIP 举报
jQuery文字动画切换插件Adjector.js.zip （13个子文件） 
index4.html 3KB
js 
jquery-1.8.3.min.js 91KB adjector.js 3KB modernizr.js 8KB index2.html 2KB css default.css 4KB adjector.css 2KB index.html 2KB index3.html 2KB fonts oxp-demo.eot 5KB
oxp-demo.svg 2KB oxp-demo.woff 3KB oxp-demo.ttf 4KB资源评论
