导航:首页 > 万维百科 > 网站侧栏设计

网站侧栏设计

发布时间: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>

与网站侧栏设计相关的知识