<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>漂亮的图片切换折叠效果</title>
<link rel="stylesheet" type="text/css" href="css/lanrenzhijia.css" />
<script language="javascript" type="text/javascript" src="js/mootools.js"></script>
<script language="javascript" type="text/javascript" src="js/lanrenzhijia.js"></script>
</head>
<body>
<div id="container">
<div id="lof-cordion-1" class="lof-cordion">
<div class="lof-cordion-wapper">
<ul>
<li>
<div class="lof-shadow"></div>
<img src="images/content_pic1.jpg" />
<div class="lof-description">
<h4>News Flash 1</h4>
<p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,</p>
</div>
</li>
<li>
<div class="lof-shadow"></div>
<img src="images/content_pic2.jpg" />
<div class="lof-description">
<h4>News Flash 2</h4>
<p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,</p>
</div>
</li>
<li>
<div class="lof-shadow"></div>
<img src="images/content_pic3.jpg" />
<div class="lof-description">
<h4>News Flash 3</h4>
<p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,</p>
</div>
</li>
<li>
<div class="lof-shadow"></div>
<img src="images/content_pic4.jpg" />
<div class="lof-description">
<h4>News Flash 4</h4>
<p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,</p>
</div>
</li>
</ul>
</div>
<div class="lof-bottom"></div>
</div>
<!------------------------------------- END OF THE CONTENT ------------------------------------------------->
<script type="text/javascript">
new LofmCordion( {wapperSelector: $E('#lof-cordion-1 .lof-cordion-wapper') } );
</script>
</div>
</body>
</html>
图片左右轮播切换折叠效果像jquery手风琴一样.zip
版权申诉
88 浏览量
2022-11-10
04:31:01
上传
评论
收藏 459KB ZIP 举报
图片左右轮播切换折叠效果像jquery手风琴一样.zip （10个子文件） 
132686954577406779 css 
lanrenzhijia.css 1KB images 
content_pic4.jpg 90KB content_pic1.jpg 109KB
bg-desc.png 146B shadow-bottom.jpg 9KB content_pic2.jpg 83KB content_pic3.jpg 129KB
index.html 2KB js mootools.js 186KB lanrenzhijia.js 3KB资源评论
