草庐IT

流畅度

全部标签

javascript - 实现流畅的 JS tile 界面

我正在建立一个摄影网站,我想创建一个漂亮的“平铺”界面,它看起来类似于新版MSNMoneyNow上的界面(注意-新版网站只能在Windows8电脑)-http://t.money.msn.com/now/.我尝试用Javascript实现它。这是一个带有预填充数据的示例页面:http://photoachiever.azurewebsites.net/en我创建了瓷砖组-每个2个单位高,2个单位宽,其中可以包含一个大方形瓷砖、两个宽瓷砖或四个小方形瓷砖。现在,因为我希望网站能够响应,所以我想在Javascript中动态计算最佳单元大小,以便总是100%的空间被填充,并且对于更宽的屏幕,

javascript - 使用 JS/jQuery move div 的最流畅方式

我需要将一个div从屏幕的右侧move到左侧,但是同时使用经典的JS和jQuery会使它变得不稳定:我的div:))经典的javascript方法:functionmove(){pos=parseInt($("#lisp1").css("right"));$("#lisp1").css("right",pos+10+"px");}varinterval=setInterval("move()",10);jQuery方法:$("#lisp0").animate({"left":"-=2200px"},10000);我做了一个webpage向你展示它有多生涩。第一步是使用jQuery(最流

javascript - 使用 JS/jQuery move div 的最流畅方式

我需要将一个div从屏幕的右侧move到左侧,但是同时使用经典的JS和jQuery会使它变得不稳定:我的div:))经典的javascript方法:functionmove(){pos=parseInt($("#lisp1").css("right"));$("#lisp1").css("right",pos+10+"px");}varinterval=setInterval("move()",10);jQuery方法:$("#lisp0").animate({"left":"-=2200px"},10000);我做了一个webpage向你展示它有多生涩。第一步是使用jQuery(最流

.net - 用于呈现 HTML 的流畅界面

在我看来,使用HtmlTextWriter呈现HTML并不是非常直观,但是如果您在Web表单中实现Web控件,那么您必须使用它。我认为可以为此创建一个流畅的界面,使其读起来更像它输出的HTML。我想知道人们对我到目前为止提出的语法有何看法。publicvoidRender(HtmlTextWriterwriter){writer.Tag(HtmlTextWriterTag.Div,e=>e[HtmlTextWriterAttribute.Id,"id"][HtmlTextWriterAttribute.Name,"name"][HtmlTextWriterAttribute.Class

.net - 用于呈现 HTML 的流畅界面

在我看来,使用HtmlTextWriter呈现HTML并不是非常直观,但是如果您在Web表单中实现Web控件,那么您必须使用它。我认为可以为此创建一个流畅的界面,使其读起来更像它输出的HTML。我想知道人们对我到目前为止提出的语法有何看法。publicvoidRender(HtmlTextWriterwriter){writer.Tag(HtmlTextWriterTag.Div,e=>e[HtmlTextWriterAttribute.Id,"id"][HtmlTextWriterAttribute.Name,"name"][HtmlTextWriterAttribute.Class

html - 如何在 CSS 中实现固定的左侧边栏和流畅的右侧内容

我很头疼如何让我的流体内容向右浮动。左侧边栏是固定大小的。右边的内容是流体尺寸。这里和example我的html和css如何让我的id="content"float在右边? 最佳答案 设置边距并删除#content上的float/宽度,如下所示:HTML:SidebarContentCSS:#wrapper{width:400px;overflow:hidden;padding:10px;}#sidebar{float:left;width:100px;}#content{margin:000100px;}div{border:1p

html - 如何在 CSS 中实现固定的左侧边栏和流畅的右侧内容

我很头疼如何让我的流体内容向右浮动。左侧边栏是固定大小的。右边的内容是流体尺寸。这里和example我的html和css如何让我的id="content"float在右边? 最佳答案 设置边距并删除#content上的float/宽度,如下所示:HTML:SidebarContentCSS:#wrapper{width:400px;overflow:hidden;padding:10px;}#sidebar{float:left;width:100px;}#content{margin:000100px;}div{border:1p

html - 流畅的 CSS 布局和边框

在设计流畅的布局时,如何在不破坏布局的情况下使用边框。更具体地说,我有一个由五个div组成的HTML小部件。我希望这五个div占据包含元素中的所有空间。我还希望每个边框都有1px的边框。我试过:.box{float:左;高度:100%;宽度:100%;边框:1px纯红色;}这是行不通的:将有一个额外的10px宽度导致盒子换行。减小宽度百分比不起作用,因为它不会占用正确的空间量,并且对于某些页面尺寸,仍会换行。管理这些元素之间交互的正确方法是什么? 最佳答案 参见thisarticle.基本上,在“传统的”CSS盒子模型中,盒子元素的

html - 流畅的 CSS 布局和边框

在设计流畅的布局时,如何在不破坏布局的情况下使用边框。更具体地说,我有一个由五个div组成的HTML小部件。我希望这五个div占据包含元素中的所有空间。我还希望每个边框都有1px的边框。我试过:.box{float:左;高度:100%;宽度:100%;边框:1px纯红色;}这是行不通的:将有一个额外的10px宽度导致盒子换行。减小宽度百分比不起作用,因为它不会占用正确的空间量,并且对于某些页面尺寸,仍会换行。管理这些元素之间交互的正确方法是什么? 最佳答案 参见thisarticle.基本上,在“传统的”CSS盒子模型中,盒子元素的

html - Github如何在没有AJAX的情况下如此流畅地更改页面和URL?

如果你去github上的一个元素,说https://github.com/insoshi/insoshi,然后你开始点击文件夹,文件夹动画到子目录,浏览器URL发生变化,但看起来都是AJAX。据我所见,只有在Chrome/Safari中才会这样。这是webkit的转场效果吗?或者它只是一些严重的缓存/性能优化:)? 最佳答案 Githubtalksaboutit在他们的博客中。 关于html-Github如何在没有AJAX的情况下如此流畅地更改页面和URL?,我们在StackOverfl