html表格左右滚动条.docx
《html表格左右滚动条.docx》由会员分享,可在线阅读,更多相关《html表格左右滚动条.docx(6页珍藏版)》请在冰豆网上搜索。
html表格左右滚动条
竭诚为您提供优质文档/双击可除
html表格左右滚动条
篇一:
div显示滚动条的css代码
div显示滚动条的css代码
div显示上下左右滚动条
这里是你要显示的内容
div显示上下滚动条的css代码
这里是你要显示的内容
div显示左右滚动条的css代码
这里是你要显示的内容
修改滚动条颜色的代码
scRollbaR-Face-coloR(立体滚动条凸出部分的颜色)
scRollbaR-highlight-coloR(滚动条空白部分的颜色)
scRollbaR-shadow-coloR(立体滚动条阴影的颜色)
scRollbaR-aRRow-coloR(上下按钮上三角箭头的颜色)
scRollbaR-base-coloR(滚动条的基本颜色)
scRollbaR-daRk-shadow-coloR(立体滚动条强阴影的颜色)
篇二:
js制作自定义横向及竖向的滚动条特效
js制作自定义横向及竖向的滚动条特效
无标题文档
*{margin:
0;padding:
0;}
li{list-style:
none;}
body{height:
2000px;}
/*common*/
.scroll{width:
500px;height:
500px;border:
1px#000solid;float:
left;display:
inline;margin-right:
20px;overflow:
hidden;zoom:
1;}
.scroll.sbar,.scroll.main{position:
relative;overflow:
hidden;}
.scroll.sbarspan{position:
absolute;top:
0;left:
0;cursor:
pointer;}
.scroll.cont{position:
absolute;top:
0;left:
0;}
.scrolla.sbar{height:
30px;background:
#000;}
.scrolla.sbarspan{width:
40px;height:
30px;background:
#f00;}
.scrolla.main{margin-top:
20px;height:
450px;background:
#ccc;}
.scrolla.cont{width:
500px;line-height:
32px;}
.scrollb.sbar{height:
500px;width:
30px;background:
#000;height:
500px;float:
left;margin-right:
20px;display:
inline;}
.scrollb.sbarspan{width:
30px;height:
40px;background:
#f00;}
.scrollb.main{width:
450px;background:
#ccc;float:
left;height:
500px;}
.scrollb.cont{width:
450px;line-height:
32px;}
seo全称:
searchengineoptimization,即搜索引擎优化。
是指为了从搜索引擎中获得更多的免费流量,从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划,使网站更适合搜索引擎的检索原则的行为。
使网站更适合搜索引擎的检索原则又被称为对搜索引擎友好,对搜索引擎友好不仅能够提高seo的效果,还能提高用户体验,因为这样会使搜索引擎中显示的网站相关信息对用户来说更有吸引力。
为了说明什么是网站对搜索引擎友好,我们不妨看看对搜索引擎不友好的网站有哪些特征:
1、网页中大量采用图片或者Flash等富媒体(Richmedia)形式,没有可以检索的文本信息,而seo最基本的就是文章seo和图片seo;
2、网页没有标题,或者标题中没有包含有效的关键词;
3、网页正文中有效关键词比较少(一般小于整文章2%~8%);
4、网站导航系统让搜索引擎“看不懂”;
5、大量动态网页让搜索引擎无法检索;
6、没有被其他已经被搜索引擎收录的网站提供的链接;
7、网站中充斥大量欺骗搜索引擎的垃圾信息,如“过渡页”、“桥页”、颜色与背景色相同的文字;
8、网站中缺少原创的内容,完全照搬硬抄别人的内容等。
seo全称:
searchengineoptimization,即搜索引擎优化。
是指为了从搜索引擎中获得更多的免费流量,从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划,使网站更适合搜索引擎的检索原则的行为。
使网站更适合搜索引擎的检索原则又被称为对搜索引擎友好,对搜索引擎友好不仅能够提高seo的效果,还能提高用户体验,因为这样会使搜索引擎中显示的网站相关信息对用户来说更有吸引力。
为了说明什么是网站对搜索引擎友好,我们不妨看看对搜索引擎不友好的网站有哪些特征:
1、网页中大量采用图片或者Flash等富媒体(Richmedia)形式,没有可以检索的文本信息,而seo最基本的就是文章seo和图片seo;
2、网页没有标题,或者标题中没有包含有效的关键词;
3、网页正文中有效关键词比较少(一般小于整文章2%~8%);
4、网站导航系统让搜索引擎“看不懂”;
5、大量动态网页让搜索引擎无法检索;
6、没有被其他已经被搜索引擎收录的网站提供的链接;
7、网站中充斥大量欺骗搜索引擎的垃圾信息,如“过渡页”、“桥页”、颜色与背景色相同的文字;
8、网站中缺少原创的内容,完全照搬硬抄别人的内容等。
functiongetbyclass(oparent,sclass){
varaele=oparent.getelementsbytagname(*);
vararr=[];
varreg=newRegexp(\\b+sclass+\\b,i);
for(vari=0;i if(reg.test(aele[i].classname)){
arr.push(aele[i]);
}
}
returnarr;
}
//加鼠标滚轮
functionaddmousewheel(obj,fn){
obj.onmousewheel=fnwheel;
if(obj.addeventlistener)obj.addeventlistener(dommousescroll,fnwheel,false);
functionfnwheel(e){
varoevent=e||event;
vard=oevent.wheeldeltaoevent.wheeldelta>0:
oevent.detail fn(d);
if(oevent.preventdefault)oevent.preventdefault();
returnfalse;
}
}
functionscrollbar(obj,direction){
varosbar=getbyclass(obj,sbar)[0];
varosbtn=osbar.children[0];
varomain=getbyclass(obj,main)[0];
varocont=getbyclass(obj,cont)[0];
//拖拽
osbtn.onmousedown=function(e){
varoevent=e||event;
vardisx=oevent.clientx-osbtn.offsetleft;
vardisy=oevent.clienty-osbtn.offsettop;
functionfnmove(e){
varoevent=e||event;
switch(direction){
casel:
varl=oevent.clientx-disx;
setdirection({left:
l});
break;
caset:
vart=oevent.clienty-disy;
setdirection({down:
t});
break;
}
}
functionfnup(){
this.onmousemove=null;
this.onmouseup=null;
if(osbar.releasecapture)osbar.releasecapture();
}
if(osbar.setcapture){
osbar.onmousemove=fnmove;
osbar.onmouseup=fnup;
osbar.setcapture();
}else{
document.onmousemove=fnmove;
document.onmouseup=fnup;
}
returnfalse;
};
//判断滚动距离
functionsetdirection(json){
if(!
isnan(json.down)){
if(json.down json
.down=0;
}elseif(json.down>osbar.offsetheight-osbtn.offsetheight){json.down=osbar.offsetheight-osbtn.offsetheight;
}
osbtn.style.top=json.down+px;
varscale=json.down/(osbar.offsetheight-osbtn.offsetheight);}else{
if(json.left json.left=0;
}elseif(json.left>osbar.offsetwidth-osbtn.offsetwidth){
json.left=osbar.offsetwidth-osbtn.offsetwidth;
}
osbtn.style.left=json.left+px;
varscale=json.left/(osbar.offsetwidth-osbtn.offsetwidth);
}
ocont.style.top=-(ocont.offsetheight-omain.offsetheight)*scale+px;}
//加鼠标滚轮
switch(direction){
casel:
addmousewheel(obj,function(d){
varmousex=0;
if(d){
mousex=osbtn.offsetleft-10;
}else{
mousex=osbtn.offsetleft+10;
}
setdirection({left:
mousex});
});
//算滑块大小
varobtnw=omain.offsetheight/ocont.offsetheight*osbar.offsetwidth;
if(obtnw if(obtnw>100)obtnw=100;
osbtn.style.width=obtnw+px;
break;
caset:
addmousewheel(obj,function(d){
篇三:
excel20xx表格滚动条的调出、拉大、拉宽
excel20xx表格滚动条
调出、拉大、拉宽的方法
excel20xx滚动条消失:
打开一个excel工作表,点
击左上角office按钮-----对话
框下方excel选项-----高级------
此工作薄的显示选项,显示水
平滚动条显示垂直滚动条前
打勾------确定。
将垂直(水平)滚动条拉大:
选中空数据第一列(行),
使用shift+ctrl+向右(下)箭头,
选中所有空列(行),然后鼠标
右键,清除内容,删除,保存
即可。
如果不行,关掉工作表,
再打开。
将垂直(水平)滚动条拉宽:
同时可以把每个工作表
标签栏的字体变大
excel本身没并有提供这样的
功能,但通过更改windows
设置,可以增大excel工作表
标签字体大小。
在windows
xp中设置方法如下:
桌面空
白处右击鼠标-----选择“属性”-----“显示属性”对话框,选择“外观”-----单击“高级”按钮-----单击“项目”下方的下拉箭头,选择“滚动条”-----修改其数值即可。