您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > jQuery特效 >

    jQuery新闻滚动播报插件BreakingNews

    时间:2014-08-01 08:18 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表

    jQuery新闻滚动播报插件BreakingNewsjQuery新闻滚动播报插件BreakingNews是一款适合做新闻滚动显示以及公告轮播特效代码。jQuery文字滚动新闻播报自动滚动


    <script>
    $(document).ready(function(){
    $("#breakingnews1").BreakingNews();

    $("#breakingnews2").BreakingNews({
    background :'#FFF',
    title :'BREAKING NEWS',
    titlecolor :'#FFF',
    titlebgcolor :'#099',
    linkcolor :'#333',
    linkhovercolor :'#099',
    fonttextsize :16,
    isbold :false,
    border :'solid 1px #099',
    width :'100%',
    timer :2000,
    autoplay :true,
    effect :'slide'

    });

    $('#apply').click(function(e) {
               addValues(); 
            });
    addValues();
    });

    function addValues()
    {

    var params='Add : jQuery.js\n'+
    'Add : BreakingNews.js\n'+
    'Add : BreakingNews.css\n\n\n'+
    '$("#breakingnews").BreakingNews({\n\n'+
    ' background :"'+$("#background").val()+'",\n'+
    ' title :"'+$("#title").val()+'",\n'+
    ' titlecolor :"'+$("#titlecolor").val()+'",\n'+
    ' titlebgcolor :"'+$("#titlebgcolor").val()+'",\n'+
    ' linkcolor :"'+$("#linkcolor").val()+'",\n'+
    ' linkhovercolor :"'+$("#linkhovercolor").val()+'",\n'+
    ' fonttextsize :'+parseInt($("#fonttextsize").val())+',\n'+
    ' isbold :'+($("#isbold").val() == "true" ? true : false)+',\n'+
    ' border :"'+$("#border").val()+'",\n'+
    ' width :"'+$("#width").val()+"%"+'",\n'+
    ' timer :'+parseInt($("#timer").val())+',\n'+
    ' autoplay :'+($("#autoplay").val() == "true" ? true : false)+',\n'+
    ' effect :"'+$("#effect").val()+'",\n\n'+
    '});\n';

    $('.content pre code').html(params);
    }

    </script>

    jQuery新闻滚动播报插件BreakingNews由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/9893.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!