導航:首頁 > 編程語言 > js一行代碼

js一行代碼

發布時間:2021-04-05 12:43:36

① 求Jquery或js一行文字跑馬燈代碼

使用方法:

使用該跑馬燈特效之前要先引入jQuery和marquee.js文件

<scriptsrc="jquery-1.11.2.min.js"></script> <scriptsrc="marquee.js"></script>

HTML結構:

跑馬燈中的文字使用無序列表來製作,外面使用一個<div>作為包裹容器。

123456789101112 <divclass="container"><divclass="marquee-sibling">BreakingNews</div><divclass="marquee"><ulclass="marquee-content-items"><li>Item1</li><li>Item2</li><li>Item3</li><li>Item4</li><li>Item5</li></ul></div></div>

CSS樣式:

下面是該跑馬燈特效的一些基本樣式。

04142434445464748495051525354 .container{width:100%;background:#4FC2E5;float:left;display:inline-block;overflow:hidden;box-sizing:border-box;height:45px;position:relative;cursor:pointer;}.marquee-sibling{padding:0;background:#3BB0D6;width:20%;height:45px;line-height:42px;font-size:12px;font-weight:normal;color:#ffffff;text-align:center;float:left;left:0;z-index:2000;}.marquee,*[class^="marquee"]{display:inline-block;white-space:nowrap;position:absolute;}.marquee{margin-left:25%;}.marquee-content-items{display:inline-block;padding:5px;margin:0;height:45px;position:relative;}.marquee-content-itemsli{display:inline-block;line-height:35px;color:#fff;}.marquee-content-itemsli:after{content:"|";margin:01em;}

初始化插件:

123 $(function(){createMarquee();});

在頁面載入完畢之後,可以通過下面的方法來初始化該跑馬燈插件。

配置參數:

下面是該跑馬燈特效的可用配置參數。

$(function(){createMarquee({//:30000,//:20,//-//'scontent.//_class:'.example-marquee',//.container_class:'.example-container',//-//.sibling_class:'.example-sibling',//.hover:false});});

javaScript 一行代碼太長了,但直接分行會自動在後面加分號,怎麼解決呀

打開編輯器的自動換行功能啊。

③ 網頁的一個js問題。如何點一個按鈕。出現一行代碼,這一行代碼包括select input好幾個

使用jQuery,首先為需要顯示的內容添加hide屬性,然後為按鈕綁定一個事件,去除hide屬性即可。jQuery的一些插件還可以實現彈出動畫等效果。

④ js判斷上一行代碼執行完畢,然後再執行下一行代碼

var city_val = jq.trim(jq("#consignee_city"+address_id).html());
jq("#selCities").attr("value",city_val);
var re = document.getElementById("selCities").onchange();

if(re){
var city_val = jq.trim(jq("#consignee_district"+address_id).html());
jq("#selDistricts").attr("value",city_val);
}
這樣行不行

⑤ 如何使用一行JavaScript代碼對網頁的輸入框進行輸入

比如說:(為了方便,其它標簽略去內了)容
<html>
<input id="box" name="Input Box"/>
<script>
document.getElementById("box").value = "Content";
</script>
</html>

⑥ JS 正則表達式解釋(就一行代碼)

/^\w{1,15}(?:@(?!-))(?:(?:[a-z0-9-]*)(?:[a-z0-9](?!-))(?:\.(?!-)))+[a-z]{2,4}$/
字母數字下劃線1至15個,後接@緊接後面不能是符號-,然後緊接一種字元串,這種字元串將出現至少1次,特徵是:
【接至少1個小寫字母數字中線-(但不能是-結尾 ),後接1個小數點.,然後不能是是符號-】
後接小寫字母2-4個

這大概就是[email protected]這種吧,要求在@後面緊接位置和之後的小數點.前後也就是那些「x」的位置不能是中線-
就是1個驗證郵箱的正則不過還是有疏漏,比如[email protected] 也被認為是合法郵箱。

⑦ 這種代碼怎麼改成一行js語句

請先把代碼復制下,然後粘出來,我幫你改

⑧ js代碼不可以寫在一行嗎

除了極個別情況,絕大部分代碼都是可以寫在一行的,用分號;隔開即可。

⑨ 如果我想把 JS 寫在一行里, 那每段代碼間如何分隔

你可以用「;」不過是半形的哦!
我建議你還是不要把它寫在一行里的好。因為那樣顯的代碼不夠整潔。

⑩ 求每一行代碼的作用。javascript

var g_aLis = []; //全局變數 存儲在ID為'show1'的標簽對象中所有的<li>標簽對象
var g_aBtns = []; //全局變數 存儲在ID為'show1'的標簽對象中所有的<span>標簽對象
var g_oTimer = null; //全局變數 用於存儲定時器,便於任何地方調用清除
var g_minWidth = 22; //全局變數 作者標示<li>標簽最小的寬度
window.onload = function () {//網頁文檔載入完成後執行
var a = document.getElementById('show1'); //獲取ID為'show1'的標簽對象
var i = 0;
g_aLis = a.getElementsByTagName('li'); //在ID為'show1'的標簽對象中,查找所有的<li>標簽對象
g_aBtns = a.getElementsByTagName('span'); //在ID為'show1'的標簽對象中,查找所有的<span>標簽對象
for (i = 0; i < g_aBtns.length; i++) {//遍歷ID為'show1'的標簽下的<span>標簽元素
g_aBtns[i].index = i; //為每個<span>標簽元素定義一個自定義屬性index,值為i,即元素順序下標
g_aBtns[i].onmouseover = function () {//為<span>標簽元素添加onmouseover(滑鼠移動至元素可見部分)事件
gotoImg(this.index)//觸發事件後,將自定義值(即i)作為參數,傳至函數gotoImg,執行
}
}
};
function gotoImg(a) {
if (g_oTimer) {//如果g_oTimer對象不為空,則執行
clearInterval(g_oTimer)//停止定時器 g_oTimer
}
//每隔35毫秒,執行changeWidthInner函數,參數為當前<span>元素下標,並將該定時器賦值到g_oTimer
g_oTimer = setInterval("changeWidthInner(" + a + ")", 35)
}
function changeWidthInner(a) {
var b = document.getElementById('show1'); //獲取ID為'show1'的標簽對象
var c = 660; //代表整個滾動區域的寬度
var w = 0;
var d = true; //表示是否有<li>標簽元素的寬度需要修改
var i = 0;
for (i = 0; i < g_aLis.length; i++) {//遍歷ID為'show1'的標簽下的<li>標簽元素
if (i == a) {//如果<li>標簽的下標 和 滑鼠所在的<span>標簽的下標相同時
continue//不執行以下語句,進入下一次循環
}
if (g_minWidth == g_aLis[i].offsetWidth) {//如果當前<li>標簽的顯示寬度為22
c -= g_aLis[i].offsetWidth; //c = c - 22 計算滾動區域剩餘可以分配的寬度
continue
}
//當<li>標簽中含有寬度不為 22 時,便執行以下語句(除<li>標簽的下標 和 滑鼠所在的<span>標簽的下標相同時)
d = false;
//↓ Math.ceil 返回大於或者等於表達式的最小整數,表達式為<li>標簽寬度超過22的部分除以10
speed = Math.ceil((g_aLis[i].offsetWidth - g_minWidth) / 10);
w = g_aLis[i].offsetWidth - speed; //將當前<li>標簽的寬度,減去以上表達式的結果,賦值到臨時變數
if (w <= g_minWidth) {//當這個臨時變數小於作者定義的最小寬度時,執行
w = g_minWidth//即<li>標簽的元素只能大於等於作者定義的最小寬度
}
g_aLis[i].style.width = w + 'px'; //將當前<li>標簽的元素寬度改為臨時變數的值
c -= w// 計算滾動區域剩餘可以分配的寬度
}
g_aLis[a].style.width = c + 'px'; //將滑鼠當前的<li>標簽,定義為剩餘的寬度,使其滿足整個區域寬度保持660
if (d) {//當滑鼠所在的<span>標簽下標 和 相同的<li>標簽,達到最大寬度時,即其他<li>標簽寬度都為22時,執行
clearInterval(g_oTimer); //停止定時器,即不在定時執行該函數(changeWidthInner)
g_oTimer = null//並把定時器賦值為空
}
}

該js代碼的效果是,一個id為show1的標簽中(一般來說是div)裡面有許多並列的<li>標簽
<span>標簽的數量和<li>標簽數量相同,並且一一對應
1.<span>標簽在<li>標簽中
看到的效果為,滑鼠所在的<li>標簽慢慢變大,寬度大於22的<li>標簽慢慢變小
增減的像素,由大至小,不改變時,定時器停止
2.<span>標簽在<li>標簽外,一般獨立一列,或者一行,效果和一些flash廣告切換那樣
看到的效果為,滑鼠所在的<span>標簽對應下標的<li>標簽慢慢變大,
寬度大於22的<li>標簽慢慢變小
增減的像素,由大至小,不改變時,定時器停止

閱讀全文

與js一行代碼相關的資料

熱點內容
手機上是用js腳本 瀏覽:987
iphone海拔APP 瀏覽:511
exe格式視頻文件怎麼用手機打開 瀏覽:332
有些tmp格式文件突然消失 瀏覽:140
產品數量js 瀏覽:365
iphone6怎麼換鍵盤壁紙app 瀏覽:670
學編程方面的可以找什麼工作 瀏覽:930
沈陽發布app學生答題在哪裡點入 瀏覽:724
哪些app賣生鮮 瀏覽:522
win10如何查看程序 瀏覽:322
java解釋型語言 瀏覽:541
如何將文件縮小 瀏覽:217
批量修改圖片名對應子文件夾 瀏覽:1
vijar包配置文件 瀏覽:608
簡單的模板網站 瀏覽:100
文件夾改名後如何返回 瀏覽:233
asp網站源碼生成靜態 瀏覽:799
mipsellinuxgcc下載 瀏覽:66
js刪除已獲得的節點 瀏覽:65
win10粘貼需要許可權 瀏覽:286

友情鏈接