js 實現的左右多選控制項

2021-06-07 11:36:15 字數 1129 閱讀 5401

var sortitems = 1; // automatically sort items within lists? (1 or 0)

function move(fbox, tbox)

var no = new option();

no.value = fbox.options[i].value;

no.text = fbox.options[i].text;

tbox.options[tbox.options.length] = no;

fbox.options[i].value = "";

fbox.options[i].text = "";}}

bumpup(fbox);

if (sortitems) sortd(tbox);

}function moveall(fbox, tbox)

var no = new option();

no.value = fbox.options[i].value;

no.text = fbox.options[i].text;

tbox.options[tbox.options.length] = no;

fbox.options[i].value = "";

fbox.options[i].text = "";}}

bumpup(fbox);

if (sortitems) sortd(tbox);

}//檢測htmlselect中是否有value項option

function exits(htmlselect, value)

}return false;

}//把空值去掉並把下面的選項移到上面來

function bumpup(box)

var ln = i;

break;}}

if (ln < box.options.length)

}function sortd(box)

for (var x = 0; x < temp_opts.length - 1; x++) }}

for (var i = 0; i < box.options.length; i++)

}/* 使用例項*/

用js實現簡單的點選左右運動

如下圖,點選向右,方塊向右移動,點選向左,方塊向左移動。可以用setinterval來實現過多長時間,div移動多長的距離來實現運動效果。要點一 如果元素的左邊距離小於目標距離,則是正向移動,否則是負向移動 if run.offsetleft 要點二 如果元素的左邊距離等於目標距離,停止定時器,否則...

使用 JS 實現文字左右跑馬燈

前言 其實,前面兩篇已經基本上實現了 文字跑馬燈,這裡為什麼還要學下文字左右跑馬燈呢?因為,雖然基本一樣,但實現起來還是有很大不同的,所以為了完整再補充一下。如下 1.首先定義 css 樣式 div1 div 2.html 我是一段文字,用於實現跑馬燈功能 我也是一段文字,用於實現跑馬燈功能 3.j...

JS實現簡單的多選選項的全選反選按鈕

1 doctype html 2 html 3 head lang en 412 meta charset utf 8 13 title js實現全選,反選 title 14 script type 15function cc number 22else if number 2 else if nu...