如何让Div滚动条滚的慢一点儿?? -CSDN论坛

如何让Div滚动条滚的慢一点儿??

Web 开发 > JavaScript

收藏回复

[问题点数：200分，结帖人fly_miss]

⋅如何固定<td>的宽度 ⋅如何让Div滚动条滚的慢一点儿?? ⋅如何让Div滚动条滚的慢一点儿?? 更多帖子 关注私信空间博客 fly_miss 等级 本版专家分：449 结帖率 95.35%

我按down按钮，焦点下移一列，但是滚动条却滚动的不止一列。这样焦点所在的input就不在可视了。
我常识去控制div的onScroll，但是发现该事件是不能cancel的。

如何解决这个问题?200分求助。

备注：在ASP.NET版发了同样的问题，这边可以解决的话，可过去回答，可得400分。

<html>

<head>

<style type="text/css">

<!--

.zac_container

{

    height: 200px;

    width:400px;

    margin: 0px;

    padding: 0px;

    border: 1px solid #000000;

    overflow: auto;

}

.zac_inactiveOption{

    width:380px;

    height:20px;

    border: 0px none #FFFFFF;

    margin: 0px;

    padding: 0px;

}

.zac_activeOption {

    background-color: #FF0000;

    width:380px;

    height:20px;

    border: 0px none #FFFFFF;

    margin: 0px;

    padding: 0px;

}

-->

</style>

<script language="javascript">

function foo(oInput){

    if( window.event.keyCode == 40 ){

        var nextInput = oInput.nextSibling.nextSibling;

        if( nextInput ){

            oInput.className = "zac_inactiveOption";

            nextInput.className = "zac_activeOption";

            nextInput.focus();

        }

    }else if( window.event.keyCode == 38 ){        

        var prevInput;

        var prevBr = oInput.previousSibling;                    

        if( prevBr ) prevInput = prevBr.previousSibling;

        if( prevInput ){

            oInput.className = "zac_inactiveOption";

            prevInput.className = "zac_activeOption";

            prevInput.focus();

        }

    }

}

</script>

</head>

<body onLoad="">

<div class="zac_container">

    <input id="aofei" type="text" value="傲菲1" onkeydown="foo(this);" class="zac_inactiveOption" readonly><br>

    <input type="text" value="傲菲2" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲3" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲4" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲5" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

     <input type="text" value="傲菲6" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲7" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲8" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲9" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲10" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

     <input type="text" value="傲菲11" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲12" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲13" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲14" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲15" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

     <input type="text" value="傲菲16" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲17" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲18" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲19" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲20" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

</div>

<script language="javascript">

document.attachEvent("onclick", function(){document.getElementById("aofei").focus();});

</script>

</body>

</html>

2008-05-30 16:25:07

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅如何固定<td>的宽度 ⋅如何让Div滚动条滚的慢一点儿?? ⋅如何让Div滚动条滚的慢一点儿?? 更多帖子 关注私信空间博客 fly_miss 等级 本版专家分：449: ASP.net问题地址如下，如果解决后可以在这里冒泡即可。

http://topic.csdn.net/u/20080530/16/1fb129be-32a1-4938-b5d5-5150fb19b970.html

2008-05-30 16:25:43

点赞只看TA 引用举报 #1得分 0

⋅jinjazz的留言板

⋅哪位了解成熟HIS系统

⋅求图像压缩算法

更多帖子

关注私信空间博客

版主

jinjazz

等级

本版专家分：1237

勋章

银牌 2005年2月总版技术专家分月排行榜第二

微软MVP 2009年7月荣获微软MVP称号
2010年7月荣获微软MVP称号
2008年7月荣获微软MVP称号

红花 2005年2月 Delphi大版内专家分月排行榜第一

黄花 2008年5月 .NET技术大版内专家分月排行榜第二
2008年4月 .NET技术大版内专家分月排行榜第二
2004年11月 Delphi大版内专家分月排行榜第二
2004年8月 Delphi大版内专家分月排行榜第二
2004年7月 Delphi大版内专家分月排行榜第二: 把滚动条去掉可以么
document.getElementById('zac').style.overflow='hidden';

2008-05-30 16:42:10

点赞只看TA 引用举报 #2得分 0

⋅也来发个作品，Javascript版飞行射击游戏(附源码) ⋅[心情帖]为心青所困，也许，该放了。 ⋅FireFox下有没有类似event.repeat属性 更多帖子 关注私信空间博客 YH_Random 等级 本版专家分：1636



<html>

<head>

<style type="text/css">

<!--

.zac_container

{

    height: 200px;

    width:400px;

    margin: 0px;

    padding: 0px;

    border: 1px solid #000000;

    overflow: hidden;

}

.zac_inactiveOption{

    width:380px;

    height:20px;

    border: 0px none #FFFFFF;

    margin: 0px;

    padding: 0px;

}

.zac_activeOption {

    background-color: #FF0000;

    width:380px;

    height:20px;

    border: 0px none #FFFFFF;

    margin: 0px;

    padding: 0px;

}

-->

</style>

<script language="javascript">

function foo(oInput){

    if( window.event.keyCode == 40 ){

        var nextInput = oInput.nextSibling.nextSibling;

        if( nextInput ){

            oInput.className = "zac_inactiveOption";

            nextInput.className = "zac_activeOption";

            nextInput.focus();

        }

    }else if( window.event.keyCode == 38 ){        

        var prevInput;

        var prevBr = oInput.previousSibling;                    

        if( prevBr ) prevInput = prevBr.previousSibling;

        if( prevInput ){

            oInput.className = "zac_inactiveOption";

            prevInput.className = "zac_activeOption";

            prevInput.focus();

        }

    }

}

</script>

</head>

<body onLoad="">

<div class="zac_container">

    <input id="aofei" type="text" value="傲菲1" onkeydown="foo(this);" class="zac_inactiveOption" readonly><br>

    <input type="text" value="傲菲2" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲3" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲4" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲5" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

     <input type="text" value="傲菲6" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲7" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲8" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲9" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲10" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

     <input type="text" value="傲菲11" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲12" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲13" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲14" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲15" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

     <input type="text" value="傲菲16" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲17" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲18" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲19" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲20" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

</div>

<script language="javascript">

document.attachEvent("onclick", function(){document.getElementById("aofei").focus();});

</script>

</body>

</html>

这样可不可以？

2008-05-30 16:46:49

点赞只看TA 引用举报 #3得分 0

⋅如何固定<td>的宽度 ⋅如何让Div滚动条滚的慢一点儿?? ⋅如何让Div滚动条滚的慢一点儿?? 更多帖子 关注私信空间博客 fly_miss 等级 本版专家分：449: 去掉滚动条??几百条数据你准备拖多长?

这个只是样例而已。

2008-05-30 16:59:58

点赞只看TA 引用举报 #4得分 0

⋅IE6下注册表无法运行 ⋅散分,求同伙 ⋅散分+交流 更多帖子 关注私信空间博客 s_liangchao1s 等级 本版专家分：30360 勋章 蓝花 2009年8月 Web 开发大版内专家分月排行榜第三 2008年7月 Web 开发大版内专家分月排行榜第三 2008年6月 Web 开发大版内专家分月排行榜第三 2008年5月 Web 开发大版内专家分月排行榜第三



<html>

<head>

<style type="text/css">

<!--

.zac_container

{

    height: 200px;

    width:400px;

    margin: 0px;

    padding: 0px;

    border: 1px solid #000000;

    overflow: auto;

}

.zac_inactiveOption{

    width:380px;

    height:20px;

    border: 0px none #FFFFFF;

    margin: 0px;

    padding: 0px;

}

.zac_activeOption {

    background-color: #FF0000;

    width:380px;

    height:20px;

    border: 0px none #FFFFFF;

    margin: 0px;

    padding: 0px;

}

-->

</style>

<script language="javascript">

function foo(oInput){

    if( window.event.keyCode == 40 ){

        var nextInput = oInput.nextSibling.nextSibling;

        if( nextInput ){

            oInput.className = "zac_inactiveOption";

            nextInput.className = "zac_activeOption";

            nextInput.focus();

        }

		document.getElementById('iDiv').scrollTop-=2;//看这样行不？

    }else if( window.event.keyCode == 38 ){        

        var prevInput;

        var prevBr = oInput.previousSibling;                    

        if( prevBr ) prevInput = prevBr.previousSibling;

        if( prevInput ){

            oInput.className = "zac_inactiveOption";

            prevInput.className = "zac_activeOption";

            prevInput.focus();

        }

    }

}

</script>

</head>

<body onLoad="">

<div class="zac_container" id="iDiv">

    <input id="aofei" type="text" value="傲菲1" onkeydown="foo(this);" class="zac_inactiveOption" readonly><br>

    <input type="text" value="傲菲2" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲3" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲4" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲5" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

     <input type="text" value="傲菲6" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲7" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲8" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲9" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲10" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

     <input type="text" value="傲菲11" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲12" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲13" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲14" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲15" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

     <input type="text" value="傲菲16" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲17" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲18" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲19" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲20" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

</div>

<script language="javascript">

document.attachEvent("onclick", function(){document.getElementById("aofei").focus();});

</script>

</body>

</html>

2008-05-30 17:02:54

点赞只看TA 引用举报 #5得分 0



<html>

<head>

<style type="text/css">

<!--

.zac_container

{

    height: 200px;

    width:400px;

    margin: 0px;

    padding: 0px;

    border: 1px solid #000000;

    overflow: auto;

}

.zac_inactiveOption{

    width:380px;

    height:22px;

    border: 0px none #FFFFFF;

    margin: 0px;

    padding: 0px;

}

.zac_activeOption {

    background-color: #FF0000;

    width:380px;

    height:22px;

    border: 0px none #FFFFFF;

    margin: 0px;

    padding: 0px;

}

-->

</style>

<script language="javascript">

function foo(oInput){

    if( window.event.keyCode == 40 ){

        var nextInput = oInput.nextSibling.nextSibling;

        if( nextInput ){

            oInput.className = "zac_inactiveOption";

            nextInput.className = "zac_activeOption";

            nextInput.focus();

        }

		//document.getElementById('iDiv').scrollTop-=0.8;

    }else if( window.event.keyCode == 38 ){        

        var prevInput;

        var prevBr = oInput.previousSibling;                    

        if( prevBr ) prevInput = prevBr.previousSibling;

        if( prevInput ){

            oInput.className = "zac_inactiveOption";

            prevInput.className = "zac_activeOption";

            prevInput.focus();

        }

    }

}

</script>

</head>

<body onLoad="">

<div class="zac_container" id="iDiv">

    <input id="aofei" type="text" value="傲菲1" onkeydown="foo(this);" class="zac_inactiveOption" readonly><br>

    <input type="text" value="傲菲2" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲3" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲4" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲5" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

     <input type="text" value="傲菲6" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲7" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲8" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲9" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲10" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

     <input type="text" value="傲菲11" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲12" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲13" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲14" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲15" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

     <input type="text" value="傲菲16" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲17" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲18" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲19" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

    <input type="text" value="傲菲20" onkeydown="foo(this);" readOnly class="zac_inactiveOption"><br>

</div>

<script language="javascript">

document.attachEvent("onclick", function(){document.getElementById("aofei").focus();});

</script>

</body>

</html>

2008-05-30 17:07:01

点赞只看TA 引用举报 #6得分 0

⋅如何固定<td>的宽度 ⋅如何让Div滚动条滚的慢一点儿?? ⋅如何让Div滚动条滚的慢一点儿?? 更多帖子 关注私信空间博客 fly_miss 等级 本版专家分：449: 实际上这是一个AutoComplete的下拉列表的控制。

直接用Select的话，太丑陋了。

我看过微软做的AutoComplete的实现，他实现的很好，但是代码太多，我懒的看。

ComponentArt的实现是不监控键盘事件的。

我想做到微软的那个样子。

2008-05-30 17:13:03

点赞只看TA 引用举报 #7得分 0

⋅如何固定<td>的宽度 ⋅如何让Div滚动条滚的慢一点儿?? ⋅如何让Div滚动条滚的慢一点儿?? 更多帖子 关注私信空间博客 fly_miss 等级 本版专家分：449: 6楼的不行。

因为你的scrollTop -= 的动作是发生在系统scroll滚动之前的！！！所以当我从外界第一步进入到div时，选中“傲菲1”，这是虽然你把scrollTop减到负，但是它会自动归0. 然后再进行系统的scroll动作，这是的效果就是"傲菲1"被遮住了！！！！

2008-05-30 17:16:01

点赞只看TA 引用举报 #8得分 0

⋅GDI+中如何实现文字旋转90度 ⋅Access中update参数传递问题 ⋅css 关于链接显示的问部 更多帖子 关注私信空间博客 GuoPingZ 等级 本版专家分：62

改一下css即可,把overflow: auto改成overflow: scroll



.zac_container

{

    height: 200px;

    width:400px;

    margin: 0px;

    padding: 0px;

    border: 1px solid #000000;

    overflow: scroll;

}

2008-05-30 17:16:03

点赞只看TA 引用举报 #9得分 0

⋅如何固定<td>的宽度 ⋅如何让Div滚动条滚的慢一点儿?? ⋅如何让Div滚动条滚的慢一点儿?? 更多帖子 关注私信空间博客 fly_miss 等级 本版专家分：449: 引用 9 楼 GuoPingZ 的回复:
改一下css即可,把overflow: auto改成overflow: scroll

CSS code
.zac_container
{
    height: 200px;
    width:400px;
    margin: 0px;
    padding: 0px;
    border: 1px solid #000000;
    overflow: scroll;
}
改成这个之后，左右scrollbar都出现了。不可行。

2008-05-30 17:17:50

点赞只看TA 引用举报 #10得分 0

1 2 3 4

收起

收藏回复

fly_miss

等级：

关注私信 TA的帖子

C#基础教程-c#实例教程，适合初学者: C#基础教程-c#实例教程，适合初学者。第一章 C#语言基础本章介绍C#语言的基础知识，希望具有C语言的读者能够基本掌握C#语言，并以此为基础，能够进一步学习用C#语言编写window应用程序和Web应用程序。...

前端学习——17——获取窗口属性，dom尺寸，让滚动条滚动: 一：查看滚动条的滚动距离 1:window.pageXOffset 2:window.pageYOffest (IE8及IE8以下不兼容) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name...

table第一列水平固定，垂直可滚动: table第一列水平固定，垂直可滚动既然有固定的话首先需要想到给table的第一列加上固定定位 #divTable >>> table tr td:nth-child(1) {position: fixed;} 但是此时table的第一列无论上下、...

flex实现上下固定，中间滚动的效果【假的fixed-真的优化】【四】: div class=&amp;quot;box f&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;left&amp;quot;&amp;amp;gt;&amp;amp;lt;/div&...

vue监听滚动到底部加载更多: 整理之前做过的一个vue滚动到底部的加载显示更多功能，后台已经分好了页就剩前端渲染主要参数pageSize 每页数量（这里默认10） pageNum 页数，能用代码说的就不吹泡泡了直接上代码：一、html结构 <div class=...

查看页面滚动条滚动距离，可视区窗口尺寸: 1、滚动条距离 ie9以上及其它浏览器 window.pageXOffset / pageYOffset ie8以及ie8以下 //document.body.scrollLeft / top //document.documentElement.scrollLeft 获取滚动条滚动距离 function ...

JqGrid 表格水平滚动条不显示导致表格字段没显示全无法查看问题处理（解决）: 最近使用了JqGrid表格，但是在设置水平滚动条时，一直没有效果，列也没有显示全。效果如下所示：解决这个问题的方法：如代码块中所示，必须要像下面一样设置下面的三个属性，shrinkToFit一定是false，默认是 ...

JS自定义滚动条: 代码： &lt;style&gt; * { margin: 0; padding: 0; } .box { width: 300px; height: 400px; border: 1px solid red; margin: 100px; position: relative; overflow: hidden;... ...

javascript 实现模拟滚动条，但不支持鼠标滚轮: 模拟滚动条做项目的时候，很多时候会用到，所以就写了一个这么模拟滚动条，但是不支持滚轮事件 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>&...

十天学会DIV+CSS(WEB标准): DIV+CSS教程 DIV+CSS实例常用代码站长杂谈技术文档资源下载图片素材第三天二列和三列布局今天学习《十天学会web标准(div+css)》的二列和三列布局，将涉及到以下内容和知识点二...

DIV+CSS技术的研究: 第一章 DIV+CSS技术的基础知识第一节DIV+CSS的基本概念 DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再...

Htmlt_Div+Css简介: DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。...

十天学会DIV+CSS(WEB标准): 学习本系列教程需有一定... 由于时间关系，本教程只讲解一些实用知识，让您从原来的表格布局跨入到web标准（div+css）布局，会使用web标准制作出常见的页面，这也达到了本教程的目的。本教程多以实例形式循序渐进讲

第 2 章震撼吧！让你知道ext表格控件的厉害: 2.1. 功能丰富，无人能出其右无论是界面之美，还是功能之强，ext的表格控件都高居榜首。单选行，多选行，高亮显示选中的行，推拽改变列宽度，按列排序，这些基本功能咱们就不提了。自动生成行号，支持checkbox...

从别人那找到的正宗三行两列的自动填充DIV布局: 从别人那找到的正宗三行两列的自动填充DIV布局 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <...

爱上调试:div初探，参照物的重要性！: 已经好久没有更新文章了，最近三十年难得一遇的服务器崩溃被我们实验室的热血儿们碰上了，跟着实验室大神们学了不少服务器的知识。今晚终于腾出时间来记录一下我的小网页用到的微弱知识。本文持续更新。 10.15...

CSS3 实现网页顶部进度条: 有朋友们问网页顶部进度条如何应用，现在github 大部分国外网站都在用，这个效果可以使用现成的一些插件比如这个，这个，还有这个。比如youtobe：前些时候有注意到YouTube网站放出的新特性，那就是在视频页面...

你所不知道的 CSS 阴影技巧与细节滚动视差？CSS 不在话下神奇的选择器 :focus-within 当角色转换为面试官...: 你所不知道的 CSS 阴影技巧与细节关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于box-shadow的用法。 ...最近一个新的项目，CSS-Inspiration，挖掘了...

你所不知道的 CSS 阴影技巧与细节滚动视差？CSS 不在话下神奇的选择器 :focus-within 当角色转换为面试官...: 你所不知道的 CSS 阴影技巧与细节关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。最近一个新的项目，CSS-Inspiration，挖掘了...

WEB入门.七 CSS布局模型: 学习内容标准文档流流动模型（flow model）浮动模型（float model）CSS基本布局能力目标理解标准文档流使用流动模型实现页面布局使用浮动模型实现页面布局掌握常用CSS布局本章简介上一章节讲解了盒子模型以及...

【经典之作】做网页时经常用到的代码集合（1）: 做网页时经常用到的代码集合11、定制字体为“宋体12px”并去掉超链接的下横线 //在和之间插入BODY { FONT-FAMILY: "宋体","tahoma"; FONT-SIZE: 12px}TH { FONT-FAMILY: "宋体", "tahoma"; FONT-SIZE: 12px}TD { ...

[让CSS更规范]让设计居中: 缓解这个问题的一种方法是让设计居中。居中的设计只占屏幕的一部分，而不是横跨屏幕的整个宽度，这样就会创建比较短的容易阅读的行。居中的设计目前非常时髦，所以如何在CSS中设计居中是大多数开发人员首先要学习的...

[让CSS更规范]让设计居中: 缓解这个问题的一种方法是让设计居中。居中的设计只占屏幕的一部分，而不是横跨屏幕的整个宽度，这样就会创建比较短的容易阅读的行。居中的设计目前非常时髦，所以如何在CSS中设计居中是大多数开发人员首先要学习的...

web页面布局: 随着Web上不同布局技术的数量激增，似乎每个CSS都用自己的技术创建多列的布局，而且新的CSS开发人员常常使用一种技术却不真正了解它的工作原理。这种进行css布局的“黑盒”方式可能给会迅速地得到想要的结果，但是...

《Dojo构建Ajax应用程序》连载一: 本文内容来自于本人翻译的《Dojo构建Ajax应用程序》一书，该书由机械工业出版社出版。以下为该书封面（点击图片可以进入到china-pub上该书的页面）：以下为该书的目录： 202第一部分Dojo指南.1a1c1ac111c111a1...

《Dojo构建Ajax应用程序》连载一

前端笔试简答题珍贵笔记: ... 1. DOCTYPE 作用？有哪些模式，模式怎么区分？ ...答：DOCTYPE是用来声明文档类型和DTD规范的，一个主要的用途便是文件的合法性验证。如果文件代码不合法，那么浏览器解析时便会出一些差错。...

JavaScript 总结: JavaScript

Android开发中，那些让你相见恨晚的方法、类或接口: 1、Throwable接口中的getStackTrace()方法（或者Thread类的getStackTrace()方法），根据这个方法可以得到函数的逐层调用地址，其返回值为StackTraceElement[]； 2、StackTraceElement类，其中四个方法...

104道 CSS 面试题: 104道 CSS 面试题（给前端大全加星标，提升前端技能）作者：CavsZhouyou ... 本部分主要是笔者在复习 CSS 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！目录 1.介绍一下标准的 CSS 的盒子...

相关热词 c# 导入c++类 c#中文字符串乱码 c# 申请行数动态的数组 c#前台拆分join c#文本 c# char 最大值 c# word转换二进制 c#加入分割区 c#集成开发工具 c# 浏览文件的控件