可控制左右滚动的图片展示效果

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">
<html><head>
<title>可控制左右滚动的图片展示效果</title>
<meta charset=gbk>
<meta content="" name=keywords>
<script src="js/header-min.js"></script>
<link href="style/index.css教程" type="text/css" rel="stylesheet"> 
<script src="js/163css.js" type=text/网页特效></script>

<meta content="mshtml 6.00.6000.17063" name=generator>
</head>
<body>
<div id=site-nav>
--www.111cn.net[为中国互联网贡自己的微薄力量!]
</div>
<textarea class="floor-area ks-datalazyload">
  &lt;div id="floor-4"&gt;
            &lt;div class="f-carousel"&gt;
     &lt;a title="上一页" class="mall-prev" href="#"&gt;&lt;/a&gt;
                &lt;div class="f-content-wrapper"&gt;
     
                    &lt;p class="f-switchable"&gt;
                       
      &lt;a href="http://www.111cn.net" target="_blank"&gt;&lt;img  src="images/t1qndexbvqxxxxxxxx-160-160.gif" alt="www.111cn.net" /&gt;&lt;/a&gt;
      &lt;a href="http://www.111cn.net" target="_blank"&gt;&lt;img  src="images/t1ixxexepvxxxxxxxx-160-160.gif" alt="www.111cn.net" /&gt;&lt;/a&gt;
      &lt;a href="http://www.111cn.net" target="_blank"&gt;&lt;img src="images/t1o4xexivzxxxxxxxx-160-160.png" alt="www.111cn.net" /&gt;&lt;/a&gt;
      &lt;a href="http://www.111cn.net" target="_blank"&gt;&lt;img  src="images/t1inrexgfjxxxxxxxx-160-160.png" alt="www.111cn.net" /&gt;&lt;/a&gt;
                                                   
                    &lt;/p&gt;
     
                &lt;/div&gt;
    &lt;a title="下一页" class="mall-next" href="#"&gt;&lt;/a&gt;
                  
                   
    &lt;ul class="f-trigger clearfix"&gt;
      &lt;li class="active"&gt;
      <b></b>
      &lt;a href="http://www.111cn.net"&gt;&lt;img alt="www.111cn.net" src="images/t1j4dexdbqxxxxxxxx-36-36.gif" /&gt;&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;
        <b></b>
        &lt;a href="http://www.111cn.net" target="_blank"&gt;&lt;img alt="www.111cn.net" src="images/t1hpxexmvuxxxxxxxx-36-36.gif" /&gt;&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;
      <b></b>
      &lt;a href="http://www.111cn.net" target="_blank"&gt;&lt;img alt="www.111cn.net" src="images/t1onrexerjxxxxxxxx-40-40.png" /&gt;&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;
      <b></b>
      &lt;a href="http://www.111cn.net" target="_blank"&gt;&lt;img  alt="www.111cn.net" src="images/t1wnrexchjxxxxxxxx-40-40.png"/&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;

            &lt;/div&gt;
        &lt;/div&gt;

<script>kissy.ready(function() { mfp.floor.init("#floor-4"); });</script></textarea>

<script src="js/163css2.js" type=text/javascript></script>

</body>
</html>

时间: 2024-11-05 17:19:06

可控制左右滚动的图片展示效果的相关文章

jQuery+CSS制作的图片展示效果

jQuery+CSS的图片展示效果,可以拖动图片,兼容浏览器,可以做成个人相册或者作品展示 摆放效果 点击效果 Dome Download

基于jquery的手风琴图片展示效果实现方法_jquery

本文实例讲述了基于jquery的手风琴图片展示效果实现方法.分享给大家供大家参考.具体实现方法如下: 代码运行效果如下图所示: index.html页面代码如下: 复制代码 代码如下: <!DOCTYPE html> <html class=''> <head>     <title>一款基于jquery的手风琴图片展示效果demo</title>     <style class="cp-pen-styles">

CSS3 实现六边形Div图片展示效果

原文:CSS3 实现六边形Div图片展示效果 效果图:   实现原理: 这个效果的主要css样式有: 1.>transform: rotate(120deg); 图片旋转 2.>overflow:hidden;  超出隐藏 3.>visibility: hidden;  也是隐藏,与display:none;相似,但不同的是,它虽然隐藏了,但依然会在网页中占有位置   我们要用到3层div进行旋转来得到这个效果(ps:3层div的大小是一样的). 最外层div(boxF)旋转120度.第

js+div实现文字滚动和图片切换效果代码_javascript技巧

本文实例讲述了js+div实现文字滚动和图片切换效果代码.分享给大家供大家参考.具体如下: 这里演示js+div文字滚动和图片切换代码,为了演示方便,去掉了图片调用,用数字代替了,用时候再加上就可以了,本效果实现了两种效果,Div切换,TAB切换,和文字滚动,鼠标移上后文字停止滚动,两种功能可任意剥离出来,这不影响代码使用. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-div-txt-pic-scroll-cha-style-codes

asp.net+xml+flash实现的图片展示效果示例_实用技巧

本文实例讲述了asp.net+xml+flash实现的图片展示效果.分享给大家供大家参考,具体如下: 第一步:首先引入命名空间:(vs08环境中) using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; usin

js+css鼠标经过背景变色的双边框图片展示效果

图片一 图片二 图片三

jquery 简单的图片展示效果_jquery

> < 图片1 缩略1 缩略2 缩略3 缩略4 缩略5

Jquery 焦点图 用于图片展示效果代码_jquery

1 2 3 4 5

可左右平滑滚动的产品展示效果_链接特效

美女小凡最新夏装éŸå›½äººæ°”小耳环3万6超值装ä¿88平牛干巴敲开财富门4K至7K高性能本本7万装ä¿102å¹³åšæˆ¿æœ€æ–°å°è½¦èŠ‚æ²¹ä¸ºä¸»çƒ­é—¨é¡¹ç› BT烤翅要显瘦就这么ç¿ï¼