js如何實現(xiàn)只要點擊對應(yīng)按鈕 對應(yīng)的li就自動排列到第一位相當(dāng)于置頂

html

為瀏陽等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及瀏陽網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、瀏陽網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

body

ul

li?onclick="topLine(event)"111/li

li?onclick="topLine(event)"222/li

li?onclick="topLine(event)"333/li

/ul

/body

/html

script?type="text/javascript"

//思路：獲取當(dāng)前行，復(fù)制，刪除，插入到第一行。

var?topLine?=?function(event){

event?=?event?||?window.event;

var?t?=?event.currentTarget,$t?=?$(t);

var?html?=?t.outHTML;

$t.remove();

$t.parent().find('li:first-child').before(html);

};

/script

如何用JavaScript 實現(xiàn) iOSwebView里面Html界面導(dǎo)航欄置頂效果

//記錄導(dǎo)航條原來在頁面上的位置

var naviga_offsetTop = 0;

var naviga_offsetLeft = 0;

//IE7不識別getElementsByClassName，為了兼容自定義一個

function my_getElementsByClassName(class_name) {

var el = [];

//獲取所有元素

_el = document.getElementsByTagName('*');

//通過className刷選

for (var i=0; i_el.length; i++ ) {

if (_el[i].className == class_name ) {

el[el.length] = _el[i];

}

}

return el;

}

//導(dǎo)航條，懸停在頂部

function naviga_stay_top(){

var a_navigation_bar = [];

if(document.getElementsByClassName){//Chrome, FF

a_navigation_bar = document.getElementsByClassName("navigation");

} else {//IE

a_navigation_bar = my_getElementsByClassName("navigation");

}

var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;

document.title = scrollTop;

//如果向下滾動的距離大于原來導(dǎo)航欄離頂部的距離

//直接將導(dǎo)航欄固定到可視區(qū)頂部

if( scrollTop naviga_offsetTop ){

a_navigation_bar[0].style.top = 0 + "px";

} else {

//如果向下滾動的距離小原來導(dǎo)航欄離頂部的距離，則重新計算導(dǎo)航欄的位置

a_navigation_bar[0].style.top = (naviga_offsetTop - scrollTop) + "px";

}

}

//給導(dǎo)航條上四個tab，加上點擊事件。

window.onload=function(){

var a_tabs = [];

if( document.getElementsByClassName ){//Chrome, FF

a_tabs = document.getElementsByClassName("tab");

}else{ //IE

a_tabs = my_getElementsByClassName("tab");

}

var a_contents = [];

if( document.getElementsByClassName ){//Chrome, FF

a_contents = document.getElementsByClassName("content");

}else{//IE

a_contents = my_getElementsByClassName("content");

}

//獲取offsetLeft，即導(dǎo)航欄離左邊框的距離

var a_main_div = [];

if( document.getElementsByClassName ){//Chrome, FF

a_main_div = document.getElementsByClassName("main");

}else{ //IE

a_main_div = my_getElementsByClassName("main");

}

naviga_offsetLeft = a_main_div[0].offsetLeft;

a_tabs[0].onclick=function(){

window.scrollTo(0, a_contents[2].offsetTop);

}

a_tabs[1].onclick=function(){

window.scrollTo(0, a_contents[3].offsetTop);

}

a_tabs[2].onclick=function(){

window.scrollTo(0, a_contents[4].offsetTop);

}

a_tabs[3].onclick=function(){

window.scrollTo(0, a_contents[5].offsetTop);

}

//獲取頁面上，導(dǎo)航條到頂部的位置

var a_navigation_bar = [];

if(document.getElementsByClassName){//Chrome, FF

a_navigation_bar = document.getElementsByClassName("navigation");

} else {//IE

a_navigation_bar = my_getElementsByClassName("navigation");

}

//獲取offsetTop

naviga_offsetTop = a_navigation_bar[0].offsetTop;

a_navigation_bar[0].style.left = naviga_offsetLeft + "px";

//給滾動條以及鼠標(biāo)加上滾動事件

if( window.attachEvent) //IE

{

window.attachEvent("onmousewheel", naviga_stay_top);

window.attachEvent("onscroll", naviga_stay_top);

document.attachEvent("onmousewheel", naviga_stay_top);

document.attachEvent("onscroll", naviga_stay_top);

} else {//Chrome ,FF

window.addEventListener("mousewheel", naviga_stay_top,false);

window.addEventListener("scroll", naviga_stay_top,false);

document.addEventListener("mousewheel", naviga_stay_top,false);

document.addEventListener("scroll", naviga_stay_top,false);

}

}

返回頂部點擊后為什么不能置頂

可能是瀏覽器還未開啟對javascript的支持，要先開啟一下，方法：

打開IE-工具-Internet選項-高級-允許活動內(nèi)容在我的計算機(jī)上的文件中運(yùn)行。（勾選）

或

控制面板-Internet選項-高級-允許活動內(nèi)容在我的計算機(jī)上的文件中運(yùn)行。（勾選）

怎樣用js實現(xiàn)長按div彈出刪除、置頂。并且點擊刪除 刪除掉text2，以及點擊置頂讓text2置頂

手打太累了。。。大概就是這個意思，細(xì)節(jié)你自己搞吧

script language="javascript" src="jquery.js"/script

script language="javascript"

$(function(){

var downtime,uptime;

$(".text1").on("mousedown",function(){

var date=new Date();

downtime=date.getTime();

}).on("mouseup",function(){

var date=new Date();

uptime=date.getTime();

if(uptime-downtime=1000){//時間超過1秒

alert("彈出菜單吧");

}

})

})

/script

js實現(xiàn)點擊某個div層置頂顯示

如果點擊某個div層置頂顯示的話

需要用到Z-index 值

而使用zIndex值 就必須對元素進(jìn)行絕對定位

可以用如下方法 讓被點擊的層置頂

//創(chuàng)建一個公共Z值

var?z=999;

//然后獲取所有div

var?aDiv=document.getElementsByTagName('div');

//遍歷元素

for(var?i=0;iaDiv.length;i++){

//添加事件

aDiv[i].onclick=function(){

//控制當(dāng)前點擊的div每次點擊就z++

//比如這次點擊了z值到了1000

//然后下一個div點擊的時候

//把這個值賦給他?然后他還++一次?變成1001

//這樣那個又是最高的了

this.style.zIndex=z++

}

};