免费一级高潮喷吹a片浪潮av,精品三级久久久久电影网,大地影视资源中文第二页

終于實現(xiàn)了!精彩的jquery彈幕效果

來源：易賢網(wǎng) 閱讀：2103 次日期：2016-07-26 15:44:44

溫馨提示：易賢網(wǎng)小編為您整理了“終于實現(xiàn)了!精彩的jquery彈幕效果”,方便廣大網(wǎng)友查閱！

本文實例為大家分享了jquery彈幕效果，供大家參考，具體內(nèi)容如下

頁面效果如下:

html頁面如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

<hr/>

</div>

</div>

</div>

</div>

<input type="radio" name="bottomradio" value="0" checked="checked"> 隨機

</label>

<input type="radio" name="bottomradio" value="1" > 設置

</label>

</div>

</div>

<input type="radio" name="img" value="cute.png" checked=""> cute.png

</label>

<input type="radio" name="img" value="haha.gif"> haha.gif

</label>

<input type="radio" name="img" value="none"> 無圖

</label>

</div>

</div>

</div>

</form>

</div>

</div>

</body>

String.prototype.format = function (args) {

var result = this;

if (arguments.length < 1) {

return result;

}

var data = arguments;

if (arguments.length == 1 && typeof (args) == "object") {

data = args;

}

for (var key in data) {

var value = data[key];

if (undefined != value) {

result = result.replace("{" + key + "}", value);

}

return result;

}

var barrager_code =

'var item={\n' +

" img:'{img}', //圖片 \n" +

" info:'{info}', //文字 \n" +

" href:'{href}', //鏈接 \n" +

" close:{close}, //顯示關閉按鈕 \n" +

" speed:{speed}, //延遲,單位秒,默認6 \n" +

" bottom:{bottom}, //距離底部高度,單位px,默認隨機 \n" +

" color:'{color}', //顏色,默認白色 \n" +

" old_ie_color:'{old_ie_color}', //ie低版兼容色,不能與網(wǎng)頁背景相同,默認黑色 \n" +

" }\n" + "$('body').barrager(item);"

;

$(function() {

var default_item = {

'img': 'static/heisenberg.png',

'info': '彈幕文字信息',

'href': 'http://www.yaseng.org',

'close': true,

'speed': 6,

'bottom': 70,

'color': '#fff',

'old_ie_color': '#000000'

};

var item = { 'img': 'static/img/heisenberg.png', 'href': 'http://www.baidu.com', 'info': 'oldman!WQNMLGB' };

//item1={'href':'http://www.baidu.com','info':'這是一條很長很長的字幕','close':false};

$('#barrager-code').val(barrager_code.format(default_item));

$('body').barrager(item);

});

function run() {

var shi = [

"朱砂", "天下", "殺伐", "人家", "韶華", "風華", "繁華", "血染", " 墨染 ", "白衣", " 素衣", " 嫁衣 ", "傾城 ", "孤城 ", "空城 ", "舊城", "舊人 ", "伊人 ", "心疼 ", "春風", " 古琴 ", "無情 ", "迷離 ", "奈何", " 斷弦", " 焚盡 ", "散亂", " 陌路 ", "亂世 ", "笑靨 ", "淺笑", " 明眸", " 輕嘆", " 煙火", "一生 " +

"三生", " 浮生 ", "桃花 ", "梨花", " 落花", " 煙花", " 離殤", " 情殤", " 愛殤 ", "劍殤", " 灼傷", " 倉皇 ", "匆忙", " 陌上", " 清商", "焚香 ", "墨香 ", "微涼 " +

"斷腸", " 癡狂 ", "凄涼", " 黃梁", " 未央", " 成雙", " 無恙", " 虛妄", " 凝霜", " 洛陽", " 長安", " 江南", " 忘川", " 千年", " 紙傘 ", "煙雨", " 回眸 ", "公子" +

"紅塵", " 紅顏 ", "紅衣", " 紅豆 ", "紅線 ", "青絲 ", "青史", " 青冢", " 白發(fā)", " 白首", " 白骨 ", "黃土", " 黃泉 ", "碧落", " 紫陌情深緣淺", " 情深不壽 ", "莫失莫忘" +

" 陰陽相隔 ", "如花美眷", " 似水流年", " 眉目如畫", " 曲終人散", " 繁華落盡 ", "不訴離殤 ", "一世長安"

];

var info = shi[Math.floor(Math.random() * shi.length)]; //$('input[name=info]').val();

(info == '') ? info = '請?zhí)顚憦椖晃淖? : info = info;

var href = $('input[name=href]').val();

var speed = parseInt($('input[name=speed]').val());

var bottom = parseInt($('input[name=bottom]').val());

var code = barrager_code;

if ($('input:radio[name=bottomradio]:checked').val() == 0) {

var window_height = $(window).height() - 150;

bottom = Math.floor(Math.random() * window_height + 40);

code = code.replace(" bottom:{bottom}, //距離底部高度,單位px,默認隨機 \n", '');

}

var img = $('input:radio[name=img]:checked').val();

if (img == 'none') {

code = code.replace(" img:'{img}', //圖片 \n", '');

}

var item = {

'img': 'static/img/' + img,

'info': info,

'href': href,

'close': true,

'speed': speed,

'bottom': bottom,

'color': getRandomColor(),

'old_ie_color': getRandomColor()

};

if (!$('input[name=close]').is(':checked')) {

item.close = false;

}

code = code.format(item);

$('#barrager-code').val(code);

try {

eval(code);

} catch (e) {

/*name: 錯誤名稱

number: 錯誤號

description: 描述信息

message: 錯誤信息

fileName: 錯誤發(fā)生的文件

stack: 錯誤發(fā)生時的調(diào)用堆棧 */

alert(e.message);

}

return false;

}

function clear_barrage() {

$.fn.barrager.removeAll();

}

function getRandomColor() {

return "#" + ("00000" + ((Math.random() * 16777215 + 0.5) >> 0).toString(16)).slice(-6);

}

function run_example() {

var wenzi = ["Hello", "網(wǎng)上", "x戰(zhàn)警", "蜘蛛俠", "死侍"];

var example_item = { 'img': 'static/img/heisenberg.png', 'info': wenzi[Math.floor(Math.random() * wenzi.length)] };

$('body').barrager(example_item);

return false;

}

</script>

</html>

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助

更多信息請查看網(wǎng)絡編程

上一篇：如何用js實現(xiàn)鼠標向上滾動時浮動導航

下一篇：全面解析JavaScript中“&&”和“||”操作符(總結篇)

易賢網(wǎng)手機網(wǎng)站地址：終于實現(xiàn)了!精彩的jquery彈幕效果

由于各方面情況的不斷調(diào)整與變化，易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考，敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>

相關閱讀網(wǎng)絡編程

Shell中如何刪除文本比較長的行的實現(xiàn)方法10月30日

vue.js語法及常用指令10月30日

python 讀寫中文json的實例詳解10月30日

Objective-C Json 實例詳解10月30日

bootstrap table sum總數(shù)量統(tǒng)計實現(xiàn)方法10月30日

python生成二維碼的實例詳解10月30日

Python批量更改文件名的實現(xiàn)方法10月30日

解決出現(xiàn)Incorrect integer value的問題10月30日

jQuery實現(xiàn)切換隱藏與顯示同時切換圖標功能10月30日

docker python api 安裝配置的詳解10月30日

javascript按鈕禁用和啟用的效果實例代碼10月30日

vue.js todolist實現(xiàn)代碼10月30日

vue.js 父向子組件傳參的實例代碼10月30日

apache 開啟重定向 rewrite的實現(xiàn)方法10月30日

Vue.js劃分組件的方法10月30日

python logging日志模塊的詳解10月30日

vue中的scope使用詳解10月30日

docker cgroup 資源監(jiān)控的詳解10月30日

使用Android Studio 開發(fā)自己的SDK教程10月23日

linux系統(tǒng)下MongoDB單節(jié)點安裝教程10月23日

易賢網(wǎng)移動網(wǎng)站

2025國考·省考課程試聽報名

報班類型
姓名
手機號
驗證碼