1.導航元素,導航欄
創(chuàng)新互聯(lián)建站主要從事成都網(wǎng)站建設、做網(wǎng)站、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務臨泉,十載網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18982081108
模擬淘寶網(wǎng)的導航
//導航元素
//表單,輸入與搜索按鈕
//jquery控制css變化
function changeBorder(event,color){
$(event.target).closest("li").attr("class","active").css("border","solid" + color)
$("input").css("border","solid" + color);
$("input").css("border-bottom","6px solid" + color);
$("span button").css("border","solid" + color);
}
$("ul").bind("click",function(event){
//取消所有l(wèi)i的active類名
$("ul li").each(function(){
this.className = "";
$(this).css("border","");
$("input").css("border","");
});
//增加class類
if(($(event.target).html() == "寶貝") || ($(event.target).html() == "店鋪")){
changeBorder(event,"#ff5400");
}
if($(event.target).html() == "天貓"){
changeBorder(event,"#c60000");
}
});
2.下拉菜單,dropdown
3.
與瀏覽器行為:
因為瀏覽其讀入html文件時,里面的內(nèi)容不會保留回車,空格最多保留一個,如果一行顯示不下(width不夠),會從第二行開始,不會把一個單詞分開2行。
: 保留空格和換行符:語義,提醒此標簽內(nèi)是程序。
所以,如果一行為word1,word2,其中word2長,一行放不下,那么word-break:break-all會讓第一行是word1,word2(part1),第二行是word2(part2)。而word-wrap:break-word,第一行是word1,第二行是word2(part1),第三行是word3(part2)。
4.
排版 作用對象:一段話
5.列表的排版
class="list-inline" dl-horizontal
作用對象:ul ol
6.導航元素屬性:
.nav .nav-tabs .active .nav-pill .nav-stacked .nav-justified
.disabled
導航欄:navbar 固定位置 導航中的表單,按鈕,字體樣式
7.JQUERY對象與DOM對象
JQUERY:$("div") 沒有DOM對象的方法
DOM對象沒有JQUERY的方法
可是:JQUERY中的each方法中的this是DOM對象啊
JQUERY -> DOM
jqueryObject.get(0) jqueryObject[0]
DOM -> JQUERY
$(domObject)
文章名稱:bootstrap第二天
文章地址:http://weahome.cn/article/ihhedg.html