Difference between revisions of "Template:China Tongji Content"
(23 intermediate revisions by the same user not shown) | |||
Line 15: | Line 15: | ||
color: #FFF; | color: #FFF; | ||
text-align: left; | text-align: left; | ||
− | margin: | + | margin:68px 0px 0px 0px; |
padding:0px; | padding:0px; | ||
padding-left:8%; | padding-left:8%; | ||
Line 45: | Line 45: | ||
} | } | ||
.listOne p:hover{ | .listOne p:hover{ | ||
− | border-left: 3px solid # | + | border-left: 3px solid #6D2E1A; |
padding-left:10px; | padding-left:10px; | ||
} | } | ||
Line 58: | Line 58: | ||
} | } | ||
.listTwo:hover{ | .listTwo:hover{ | ||
− | border-left: 2px solid # | + | border-left: 2px solid #6D2E1A; |
padding-left:5px; | padding-left:5px; | ||
} | } | ||
Line 77: | Line 77: | ||
#mainContent .titleTwo{ | #mainContent .titleTwo{ | ||
text-align: left; | text-align: left; | ||
− | font-size: | + | font-size: 25px; |
− | font-family: | + | font-family: Helvetica,Arial,Tahoma,Verdana; |
font-weight: bold; | font-weight: bold; | ||
line-height: 40px; | line-height: 40px; | ||
− | color:# | + | color:#626231; |
} | } | ||
+ | |||
#mainContent .contentP{ | #mainContent .contentP{ | ||
text-align: justify; | text-align: justify; | ||
Line 101: | Line 102: | ||
text-align:center; | text-align:center; | ||
margin:5px; | margin:5px; | ||
+ | line-height: 35px; | ||
+ | font-family: "Palatino Linotype", "MS Serif", Verdana; | ||
+ | color:#069; | ||
} | } | ||
Line 203: | Line 207: | ||
}); | }); | ||
− | //图片轮播控制函数 | + | //---------------图片轮播控制函数--------------------// |
function picMove(bannerTab,bannerCtrl,bannerPrev,bannerNext){ | function picMove(bannerTab,bannerCtrl,bannerPrev,bannerNext){ | ||
var bannerSlider = new Slider(bannerTab, { | var bannerSlider = new Slider(bannerTab, { | ||
Line 221: | Line 225: | ||
}); | }); | ||
} | } | ||
+ | //------------滚动条向下滚动超过一定距离时,内容列表固定在指定位置 函数-----------// | ||
+ | function fixContentList(scrollTop,contentList){ | ||
+ | if( scrollTop >= 200 ) { | ||
+ | contentList.css("position","fixed"); | ||
+ | contentList.css("top","78px"); | ||
+ | } else { | ||
+ | contentList.css("position","static"); | ||
+ | } | ||
+ | } | ||
+ | //----------侧边栏位置指示函数-----------------// | ||
+ | function locationFirstShow(scrollTop,firstST,list,listDrop){ | ||
+ | if( (scrollTop<firstST-68) ){ | ||
+ | list.css("color","#F0F"); | ||
+ | listDrop.css("display","block"); | ||
+ | }else{ | ||
+ | list.css("color","#000"); | ||
+ | listDrop.css("display","none"); | ||
+ | } | ||
+ | } //第一个二级标题位置指示 | ||
+ | function locationShow(scrollTop,firstST,secondST,list,listDrop){ | ||
+ | if( (scrollTop>=firstST-68) ){ | ||
+ | list.css("color","#F0F"); | ||
+ | listDrop.css("display","block"); | ||
+ | if(scrollTop>=secondST-68){ | ||
+ | list.css("color","#000"); | ||
+ | listDrop.css("display","none"); | ||
+ | }}else{ | ||
+ | list.css("color","#000"); | ||
+ | listDrop.css("display","none"); | ||
+ | } | ||
+ | } //中间的二级标题位置指示 | ||
+ | function locationLastShow(scrollTop,lastST,list,listDrop){ | ||
+ | if( (scrollTop>=lastST-68) ){ | ||
+ | list.css("color","#F0F"); | ||
+ | listDrop.css("display","block"); | ||
+ | }else{ | ||
+ | list.css("color","#000"); | ||
+ | listDrop.css("display","none"); | ||
+ | } | ||
+ | } //最后的二级标题位置指示 | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 20:39, 16 September 2015