落叶 2011-07-22 10:25:01 6503次浏览 18条回复 0 0 0

[attach]267[/attach]使用方法: 把文件[attach]267[/attach]解压到extensions 在view中使用方法

<?php 
$this->widget('application.extensions.newsSlider.NewsSlider',array(
    'class'=>'#newsticker-demo',					
    'config'=>array(
        'vertical'=>true,
        'hoverPause'=>true,
        'btnPrev'=> ".previous",
        'btnNext'=> ".next",
        'visible'=> 3,
        'auto'=>3000,
        'speed'=>500	
    )
))?>
<img src="news-arrow-previous.png" class="previous" style="display:none;" />
<div id="newsticker-demo">
    <ul>
        <li>
            <p>
                <span class="title">Tip: </span><a href="http://www.scriptbreaker.com">Looking for new scripts?</a><br>
                Visit our homepage to see the latest scripts.
            </p>
        </li>
        <li>
            <p>
                <span class="title">Find: </span><a href="http://www.scriptbreaker.com">Scripts by category?</a><br>
                A collection of popular scripts by category
            </p>
        </li>
        <li>
            <p>
                <span class="title">Help: </span><a href="http://www.scriptbreaker.com">Say hello?</a><br>
                Need some help?  Just drop us a line.
            </p>
        </li>
        <li>
            <p>
                <span class="title">Wow: </span><a href="http://www.scriptbreaker.com">Navigation?</a><br>
                Looking for some cool navigation scripts
            </p>
        </li>
        <li>
            <p>
                <span class="title">Request: </span><a href="http://www.scriptbreaker.com">Need a script?</a><br>
                Can't find the the script you're looking for'?  Ask us!
            </p>
        </li>
    </ul>
</div>
<img src="news-arrow.png" class="next" style="display:none;"/>

效果 [attach]266[/attach]

  • 回复于 2011-07-22 10:26 举报

    很好很强大,抢沙发!

  • 回复于 2011-07-22 10:29 举报

    不过现在有点小问题就是 如果在juquery里有before()方法插入那两个三角形图片,点击事事件就会消失,
    如果把视图里的代码改成

    <img src="news-arrow-previous.png" class="previous" /> <!-- 后添加的img标签-->
     <div id="newsticker-demo">
        <ul>
            <li>
                <p>
                    <span class="title">Tip: </span><a href="http://www.scriptbreaker.com">Looking for new scripts?</a><br>
                    Visit our homepage to see the latest scripts.
                </p>
            </li>
            <li>
                <p>
                    <span class="title">Find: </span><a href="http://www.scriptbreaker.com">Scripts by category?</a><br>
                    A collection of popular scripts by category
                </p>
            </li>
            <li>
                <p>
                    <span class="title">Help: </span><a href="http://www.scriptbreaker.com">Say hello?</a><br>
                    Need some help?  Just drop us a line.
                </p>
            </li>
            <li>
                <p>
                    <span class="title">Wow: </span><a href="http://www.scriptbreaker.com">Navigation?</a><br>
                Looking for some cool navigation scripts
                </p>
            </li>
            <li>
                <p>
                    <span class="title">Request: </span><a href="http://www.scriptbreaker.com">Need a script?</a><br>
                Can't find the the script you're looking for'?  Ask us!
                </p>
            </li>
        </ul>
    </div>
    <img src="news-arrow.png" class="next" /><!-- 后添加的img标签-->
    

    这样点击就会上下滚动
    请各位朋友继续修改

  • 回复于 2011-07-22 11:08 举报

    先顶,收藏着,学习下

  • 回复于 2011-07-22 11:33 举报

    已经修改过 现在图片可以点击了

  • 回复于 2011-07-22 12:55 举报

    落叶辛苦了!:)

  • 回复于 2011-07-22 22:38 举报

    各位再提点BUG

  • 回复于 2011-08-25 15:18 举报

    落叶V5 !

  • 回复于 2011-09-26 11:52 举报

    So Powerful!

  • 回复于 2011-09-27 08:22 举报

    落叶出品,必属精品!

  • 回复于 2011-10-21 12:05 举报

    相当的不错!

  • 回复于 2011-11-03 17:54 举报

    威武落叶哥

  • 回复于 2011-11-16 21:05 举报

    V587啊``收下

  • 回复于 2011-11-19 17:55 举报

    收了。。。。。。。。。

  • 回复于 2011-11-20 18:58 举报

    不错,不过加个新闻滚动效果也要搞成ext吗,,我是新手,:'(

  • 回复于 2011-11-29 18:37 举报

    先收藏了以后用

  • 回复于 2012-02-27 11:18 举报

    先收藏起来,以后用得着

  • 回复于 2012-05-03 08:37 举报

    谢谢,学习下

  • 回复于 2012-09-04 11:29 举报

    收了,好好看下

您需要登录后才可以回复。登录 | 立即注册