導航:首頁 > 萬維百科 > 網站側欄設計

網站側欄設計

發布時間:2020-08-17 01:16:58

1、網頁設計左側導航欄

可以用js來實現,給每一項添加滑鼠移入事件,當滑鼠移入的時候,顯示右邊提前寫好的內容,滑鼠移開後再次隱藏。

附件是我寫的一個京東頁面最頭部部分的例子


2、左側頁面菜單欄樣式設計

俺做過類似的功能, 左邊固定一個treeview,右邊放一個容器控制項, 點擊左邊的treeview節點的時候根據節點的不同,用反射機制創建一個你要的控制項(就是右邊的那一部分,你事先已經做成用戶控制項),然後調用 右邊容器的Controls.Add方法,把你剛才的創建那個控制項放進去並顯示出來就OK了。

3、怎麼給網站側邊欄加廣告位?

你可以在網上搜索側邊欄廣告代碼,根據提示添加到你的網站。如果是DZ、DEDE這些開源網站,你可以找插件。

4、如何實現製作的網頁左側能有一個跟著網頁移動的導航欄,就像那種廣告一樣

把你的導航欄添加一個position:fixed的css屬性就行了,有可能會被其他層蓋住,可以再增加z-index屬性。

5、我想做一個網頁的側邊收縮欄

基本的思路就是用js控制html元素的display屬性。

function showhidediv(id){
try{
var sbtitle=document.getElementById(id);
if(sbtitle){
if(sbtitle.style.display=='block'){
sbtitle.style.display='none';
}else{
sbtitle.style.display='block';
}
}
}catch(e){}
}

6、網頁的側導航欄是怎樣製作的

使用方法:
1.載入jQuery和SMINT插件

1 <script type="text/javascript" src="jquery/1.7.1/jquery.min.js"></script>
2 <script type="text/javascript" src="js/jquery.smint.js"></script>
2.初始化配置

1 <script type="text/javascript">
2 $(document).ready( function() {
3 $('.subMenu').smint({
4 'scrollSpeed' : 1000
5 });
6 });
7 </script>
3.菜單配置

01 <div class="subMenu" >
02 <div class="inner">
03 <a href="#" id="sTop" class="subNavBtn">Home</a>
04 <a href="#" id="s1" class="subNavBtn">What it does</a>
05 <a href="#" id="s2" class="subNavBtn">How to use</a>
06 <a href="#" id="s3" class="subNavBtn">Demo</a>
07 <a href="#" id="s4" class="subNavBtn">Download</a>
08 <a href="#" id="s5" class="subNavBtn end">About Me</a>
09 </div>
10 </div>
4.滾動模塊定義

1 <div class="section sTop">
2 滾動內容
3 </div>
1 <div class="section s1">
2 滾動內容
3 </div>
1 <div class="section s2">
2 滾動內容
3 </div>
.........

7、網頁導航欄的設計方式有哪些

導航欄的設計方式有很多種,通過專業的PS設計軟體,可以結合自己的靈感設計,網上有很多可以做為參考或欣賞。

8、怎樣做好網頁側邊欄的導航菜單設計

思路要清晰,一般根據你的分類來的,分類很多的話就寫主要的,重要的,大的分類,如果不多都寫上就可以了,然後是根據整體的顏色,主色不能亂

9、網頁設計如何打出這個框架?尤其是「側邊欄+主體框」?勞煩大神幫打一下!謝謝!

首先等一個網頁的寬度,然後再寫css樣式。直接給你實例代碼吧:

<style>
body{margin:0;padding:0;border:0;}
.wrap{width:1200px;margin:0 auto;}
.wrap .header{width:100%;height:80px;margin:0 auto;}
.wrap .main{width:100%;margin:0 auto}
.wrap .main .left{width:300px;float:left;}
.wrap .main .right{width:890px;float:right;}
.wrap .footer{width:100%;height:80px;margin:0 auto;}
</style>
<div class="wrap">
 <div class="header">
 頭部
 </div><!--頭部結束-->
<div class="main">
 <div class="left">
 左邊部分
 </div><!--左邊部分-->
 <div class="right">
 右邊部分
 </div><!--右邊部分-->
</div><!--主體結束-->
<div class="footer">
底部
</div><!--底部結束-->
 </div>

與網站側欄設計相關的知識