生成的<div>列表如何js数组倒序排列列,让最新生成的排在前边,代码如下

有个一个DIV CSS的问题请教下 请教下 如下图 怎样使 右边的文档编号 和左边的 下载图标的底线在一水平线上_百度知道
有个一个DIV CSS的问题请教下 请教下 如下图 怎样使 右边的文档编号 和左边的 下载图标的底线在一水平线上
Tahoma&/div class=&quot:both& background-&gt.jpg):block:;div class=&
&div class=& background-div style=&quot:div&&&#47:&
&lt:42background-position:42text-decoration:background-repeat:both.ac {br& background-strong&&lt: no-div& href=&a name=&&download&quot: text-h2&/download&#000080&quot: no- &&&#47:270};&lt:174px: url(image/overflow.am {};/div&1&&&div&am&font face=&&gt:&strong&CSS;&lt: 0 0;a&h2&&文档编号请教下 如下图 怎样使
右边的文档编号 和左边的 下载图标的底线在一水平线上;&#47:&lt:none:text- color=&hr noshade size=&&quot.aa {&gt:42font&&ac&quot?
就是都以 HR 线对齐源代码 .download a{float:sdffasd&};/background-position: 0 0&&
&lt: 0 0;/height:E-S-AS001&lt
提问者采纳
0px,我不知道你的情况;&#47:0px简单给你改一下;body&&body&注:E-S-AS001&style&&download&strong&&head&strong&/&sdffasd& href=&&&div class=&&&div&gt:solid 1}#aid{float,&download&font face=&html&gt:1
&lt:left:solid 1px #000080;&&lt.ac{border-&head&style&&#47,a;&/&html&/应该是无法实现这个效果的;&lt,#clr{margin:0px,h2;&/&lt:0ac&}&lt:里面还有重复不必要的内容;&h2&&};&div&div class=&Tahoma&/am&quot,所以不便删除;/文档编号;/&
&div class=&&lt。除非用定位;h2&a&a name=&font&/br&&#47。&div&}hr{margin:&lt
提问者评价
虽然没解决 还是谢谢了
其他类似问题
为您推荐:
其他3条回答
&lt:E-S-AS001&font&#&/text-#000080& href=&hr noshade size=&quot.;&/&gt:42px: 0 0;/a&
&ac&quot.;div& color=&line-div class=&quot:&/div&gt:个人觉得在css+div布局里最好还是不要用&a name=&strong&gt.;Tahoma&&download&你试试;div class=&background-1&/&height:&lt:right:270
&strong&font face=&div&&/&div class=&;文档编号;h2&download&&div style=&h1&gt.ac {& &lt:42sdffasd&/&lt:;&div&gt,如果不行的话qq我&clear:both&am&}代码部分.:block:24&
&lt.这些你想让字体大就设置font-size希望能帮到你;font-&&gt这是我放到dreamweaver里修改的内容css部分
先说下,h2本身就带有粗体了,你再加个strong显得有点多余,还有,你最好把你要的效果截个图下来,建议两个方法,一个是嵌套一个table
然后在td里面用valign=&bottom&还有一个就是用绝对定位,
如果你想这张图片做为背景的话,就照前几位说的,background:url(图片地址) no- 如果你想这张图片不做为背景来显示的话,这个不管这么高的div中要加css样式相对定位position:然后图片中加css样式position:absolute,bottom:0应该可以试一下
div的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁求一个用JS+ASP动态生成表格的代码.谢谢_百度知道
求一个用JS+ASP动态生成表格的代码.谢谢
当我点按钮二时给这个表格增加一行.再点按钮二.表格里面有两个文本框..!当我点第一个按钮时,增加一个表格求一个用JS+ASP动态生成表格的代码.,又增加一行..谢谢,一个按钮(按钮二)
一楼的兄弟,你这个怎么生成一个表格后就不能生成第二个了?
提问者采纳
补充下;&div&生&/table&td&gt:sc(),你改改一行代码就行了如下.;&&&}&&lt.innerHTML=document.innerHTML+&script&tr&/按钮2自己写代码&input type=&quot..想要按一次生成一次表格:sc();&test&div id=&&&按钮2自己写代码&td&script& onclick=&;生&&gt,完全给你写好;&lt:给的当然是提示性代码;&div&table&& value=&test&td&td&&&table&);test&function sc() {/;button&quot.getElementById(&&&tr&div id=&test&&lt.innerHTML=&quot:&&lt,那你自己也不会写啊;javascript&quotIE 不支持动态生成一行 也就是你的 按钮2的作用要么先生成好 按一下显示一行 这样就必须预先知道你最多需要生成几行动态生成表格如下&&//&); value=&/script language=&function sc() {tr&script language=&quot.getElementById(&&/test&javascript&button& onclick=&&&/&input type=&&tr&/}&&/);table&javascript.getElementById(&quot
提问者评价
感谢,但是我对JS不太明白.还请你把代码写全好吗?等!
其他类似问题
为您推荐:
其他1条回答
&&table&tr&&&&function create() { document.innerHTML=div id=&/input type=text value=\ &newTable&table border=0 cellspacing=\&&javascript&& i=i+1;+i+&quot.getElementById(&&&javascript:create();td&input type=&&&quot.getElementById(&);#ffffff\td bgcolor=\td bgcolor=\ bgcolor=\&} &&&&&&/td&newTable&& 添加表格 &&&&&&;);tr&& value=&quot动态无限止添加表格;script&#ff0000\/ var i=1;表格&中的文本框1\script language=&&//&#ffffff\1&#92:&中的文本框2\&&& &表格&input type=text value=\&#47.innerHTML+&&div&+i+&newTable&&button& onclick=&&quot
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁一个js与jquery的问题,是动态切换&li&列表的问题,代码如下_百度知道
一个js与jquery的问题,是动态切换&li&列表的问题,代码如下
$('&#47,3000)});mouseleave&&slow' border=&};li&script type=&li&
}) && width=&&#47.trigger(&li&);
function change(){
$('//li&0&img src=&img&#47.png&0&quot.appendTo('200&quot.hide();/
/200&/ border=&/200&200&quot.png&img src=&li&&&);200&&li&
$(&#39.box li'200&
&img/200&如上;&/200&200& alt=&img/&);li& height=&
$(document);&
&lt.box li'img src=&quot.hover(function(){clearInterval(set);&&javascript&img/&&&li& border=&200&).png&0&);li& border=&img src=&0&&/img src=&& height=&script&&li&200&0&& alt=& alt=& width=&&).ready(function(){&gt&
&lt.eq(0);li&&li'img/& width=&img/ height=& & alt=&$('li&#39.slideDown('&0&&&lt,但是如果去掉注释的那个trigger就会一直slidedown第一张图;);img src=&text/ height=&div class=box&gt.box li&#39.png& width=&
&lt,现在这个程序必须得用鼠标在图片上hover一下图片才能正常切换起来; height=& height=&div& border=& alt=&quot,function(){set=setInterval(function(){change();}; width=&&lt,实在不懂是为啥.png& alt=&200&
&lt.box' width=&quot.eq(0); border=&&quot.png&quot
这个trigger模拟操作跟我手动用鼠标怎么不一样呢我想在,于是我加了上面被注释掉的trigger。上述程序直接打开html显然是不会自动切换图片的,必须得用鼠标在图片上hover一下再离开.box(box宽度高度和每张图片一样而且是overflow,这样图片会开始隔三秒切换。但是我希望一打开页面就自动切换:hidden.png,可是加上trigger(mouseleave)后他每次隔三秒slidedown只显示我第一张图片)里面轮流切换(隔三秒)li里面的图片
提问者采纳
&=&&&&nbsp,&&gt&&() &200&border=&quot.8;&gt.js&&200&img&);height=&&nbsp:&nbsp.eq&alt=&charset=&&change&/style&&li&&function&width=&=&{
&&200&/li&&&li');border=&&bl0;&3000;&width=&&&}&lt,&li&&&&(0);img&text/css&
&lt!;ul&nbsp.box&&&images/1;&run&&&bl0&type=&
&&();&{ &&0&src=&src=&quot.box&li'&/html&&&nbsp.box&&&UTF-8&&200&&height=&&nbsp,&().hide&&{ &&&&)!interval) &alt=&200&/li&&
&&&&&nbsp.0;=&$&&白菜编辑部&&&&alt=&&{ &();/head&&text/javascript&run&&('
&&&&&class=&&&&&stop&meta&&};0&200&&stop&&meta&&images//li&
&&&(;{ list-&width=&& &script&nbsp.jpg&&&&{ &nbsp.box'border=&&&interval&li&('clearInterval&border=&() &HTML&{
&}&interval&&&&&&&&200&&& && && &&li&&change&content=&img&&function&&width=&&&width=&html&&&&
&& &nbsp!interval) &
&&/title&&/li&&&SLEEP);interval&(function&&&&};&&img&src=&function&body&li&&style&height=&height=&});&height=&&& var&200&&0&quot.jpg&
&(function&&});&setInterval&()&);height=&&=&&function& &&bl0;200&}li&box&&images/4;img&nbsp.jpg&border=&quot.hover&{
&if&(function&jquery-1;&&&(interval);(document);}&/li&&lt:&}&nbsp.slideDown&{
& &}&200&&images/3;$&&src=&=&/script&(' &200&run&&en-US&
&&&&nbsp. &/li&('type=&&&lt,&images/2;
&&title&200&&
& &&&&&&0&quot:&()&script&&&lt.hide&&&&&&width=&&alt=&&{
&nbsp.box&nbsp.ready&&&src=&if& &();&&&border=&text/javascript&&/script&lang=&&&&&200&name=&&&&();&&lt.jpg&quot:&bl&&keywords&head&/body&();&()
&&()&&src=&&=&&slow'&&nbsp.jpg&&()&img&/ul&&{ 白菜编辑部&src=&var&&SLEEP&}&
&&&0&&images/5;&&0&&alt=&$&&nbsp.jpg&& &&&&&li&(.appendTo&&nbsp!DOCTYPE&
嗯,你的代码符合我想的思路,可是我的问题出在哪里呢,加trigger有什么问题呢,你是加了个run
你trigger的mouseleave事件,可是你没有写mouseleave事件呀初始化的时候应该要走一次run方法吧
mouseleave不是一个参数么,,,我注释掉了,因为有问题,我用问题里面的代码运行然后用鼠标放上去一下就成功运行了,然后我就加了个trigger他就仅仅一直出现第一张图片,不知为啥
你代码的最简单的修改方式是:$ ('li').triggerHandler (&mouseleave&);
提问者评价
赞,接下来我自己看看那个handler是啥
其他类似问题
为您推荐:
其他2条回答
$(this);200&&&img&div&img&&&&&&&nbsp,测试一下;script&);type=&200&quot:first'&nbsp,将图片地址改一下.box&#39.each(function(){&&height=&/script&&&& $(&#39,看看是否OK;&border=&quot.box'&&&&
$('&&或者直接在img后面加style=&先隐藏所有的&border=&&&&&border=&&border=&&li&#39.box&&0&&复制粘贴一下;&quot:none&quot,&images/demo1;src=&&width=&200&src=&&box' setInterval(function(){&nbsp,将jQuery类库地址改一下;&&&&&&200&&&&width=&&&&&&alt=&;&text/javascript&3000);); //&;200&200&&[&&&0&&&nbsp.jpg&&&200&src=&li&&lt:&img&&width=&slow'&属性(Js一开始就先显示第一张图片就OK的),具体看如下代码所示; //&border=&&nbsp.find('&&&nbsp.eq(0);})&&src=&border=&&&nbsp.hide();&);&&&li'alt=&height=&height=&text/javascript&img&li' });/li&li'&&src=&&0& };&&&&&images/demo.ready(function(){&&type=&显示第一个&200&&&/li&200&height=&&&&&&alt=&$('&&&/div&images/demo1;alt=&&gt.jpg&);&nbsp.jpg&&class=&#39.slideDown(' $('&&&&&&&&alt=&quot.find('&&src=&&& &nbsp.js&height=&&&);]&&&alt=&);$('&200&0&&200&&&images/li&/li&&&lt可以先循环一遍&&&/li&gt.jpg&quot:&&&nbsp.jpg&quot,将里面的img都/li&&);&nbsp,或者直接在img标签内添加 style=&width=&quot.box&nbsp.hide();&);src=&width=&&script&0&quot.box&/li&images/&img&&height=&img&li&li&width=&quot.box'&&li&&nbsp.eq(0).jpg&&0&&200&/script&gt.show();&images/demo1;&&&$(document); &&&li&&&&gt.appendTo('):none掉
你这是要实现什么功能呀?传个 hover()的两个方法,第一个是在 mouseenter 时调用的,一个是在 mouseleave 时调用的, set=setInterval(function(){change();},3000) 设置了在3秒后不断地调用 change()方法,这样的结果就是,每次只显示一张图片,图片轮流显示。function change(){
$('div.box li').eq(0).appendTo('div.box');
// 将第一个 li 插入到最后
$('div.box li').hide();
将所有的 li 隐藏起来
$('div.box li').eq(0).slideDown('slow');
将第一个 li
显示出来 (由于真的第一个插入到最后了,这里的第一个其实是第二个 li) }
我想在.box(box宽度高度和每张图片一样而且是overflow:)里面轮流切换(隔三秒)li里面的图片。上述程序直接打开html显然是不会自动切换图片的,必须得用鼠标在图片上hover一下再离开,这样图片会开始隔三秒切换。
jquery的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁要使网页在每个不同版本的浏览器上都兼容,该怎么控制-----DIV+CSS的代码怎么写?_百度知道
要使网页在每个不同版本的浏览器上都兼容,该怎么控制-----DIV+CSS的代码怎么写?
浏览器的不兼容,大家肯定都是深恶痛绝的,往往我们只是去做修补,却忘了更重要的事情,那就是追溯根源,避免类似的不兼容再次出现。在下不才,归纳几点html编码要素,望能指点各位:1.文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍1px 的差异。2.ff下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大,而ie下是会被内容撑大,高度限定失效。所以不要轻易给容器定义height。3.还讨论内容撑破容器问题,横向上的。如果float 容器未定义宽度,ff下内容会尽可能撑开容器宽度,ie下则会优先考虑内容折行。故,内容可能撑破的浮动容器需要定义width。小实验:有兴趣大家可以看看这段实验。在不同浏览器下分别测试以下各项代码。a.&div style=”border:1height:10px”&&/div&
b.&div style=”border:1width:10px”&&/div&
c.&div style=”border:1float:left”&&/div&
d.&div style=”border:1overflow:hidden”&&/div&上面的代码在不同浏览器中是不一样的,实验起源于对小height 值div 的运用,&div style=”height:10overflow:hidden”&&/div&,小height 值要配合overflow:hidden一起使用。实验好玩而已,想说明的是,浏览器对容器的边界解释是大不相同的,容器内容的影响结果各不相同。4.浮动的清除,ff下不清除浮动是不行的。纠正大家一个误区,遇到不兼容就说ff烂是不对的,其实更多时候是ie的奇怪表现让我们无所适从。以下列出ie6的种种劣迹。5.最被痛恨的,double-margin bug。ie6下给浮动容器定义margin-left 或者margin-right 实际效果是数值的2倍。解决方案,给浮动容器定义display:inline。6.mirrormargin bug,当外层元素内有float元素时,外层元素如定义margin-top:14px,将自动生成margin-bottom:14px。padding也会出现类似问题,都是ie6下的特产,该类bug 出现的情况较为复杂,远不只这一种出现条件,还没系统整理。解决方案:外层元素设定border 或 设定float。引申:ff 和ie 下对容器的margin-bottom,padding-bottom的解释有时不一致,似乎与之相关。7.吞吃现象,限于篇幅,我就不展开了。还是ie6,上下两个div,上面的div设置背景,却发现下面没有设置背景的div 也有了背景,这就是吞吃现象。对应上面的背景吞吃现象,还有滚动下边框缺失的现象。解决方案:使用zoom:1。这个zoom好象是专门为解决ie6 bug而生的。8.注释也能产生bug~~~“多出来的一只猪。”这是前人总结这个bug使用的文案,ie6的这个bug 下,大家会在页面看到猪字出现两遍,重复的内容量因注释的多少而变。解决方案:用“&!–[if !IE]& picRotate start &![endif]–&”方法写注释。9.&li/&里加 float &div/&,这是一个典型的,棘手的兼容问题,希望引起大家正视 ,给li 不同的属性会有不同的解释效果,ff下的解释稍可理解,ie6下的解释会让你摸不着头脑,由于问题的复杂性,将另起一文专门讨论该问题。在《ul使用心得》一文里有相关成果,却没给出问题解决的过程。10.使用了“float:display:inline”的ul的奇怪表现。可以看出这句css是针对ie6下的double margin bug 而加上的display:inline,这也是我的css体系里的重要一环,在《ul使用心得》一文中有相关阐述。而这句css用在ul上会让你痛苦不堪。点到为止,这里不能多说哈。11.img下的留白,大家看这段代码有啥问题:&div& &img src=”” mce_src=”” /&&/div&把div的border打开,你发现图片底部不是紧贴着容器底部的,是img后面的空白字符造成,要消除必须这样写&div& &img src=”” mce_src=”” /&&/div&后面两个标签要紧挨着。ie7下这个bug 依然存在。解决方案:给img设定 display:block。12.失去line-height。&div style=”line-height:20px”&&img /&文字&/div&,很遗憾,在ie6下单行文字 line-height 效果消失了。。。,原因是&img /&这个inline-block元素和inline元素写在一起了。解决方案:让img 和文字都 float起来。引申:大家知道img 的align 有 text-top,middle,absmiddle啊什么的,你可以尝试去调整img 和文字让他们在ie和ff下能一致,你会发现怎么调都不会让你满意。索性让img 和文字都 float起来,用margin 调整。13.链接的hover状态。a:hover img 我们想让鼠标hover时,链接里包含的图片宽度变化,可惜在ie6下无效,ie7、ff下有效。14.非链接的hover状态。div:hover{} 这样的样式ie6是不认的,在ie7、ff下才有效果。15.block化的a链接,其内套absolute层,absolute层内放置img,ie下,鼠标点击img不会有链接效果,ff、op下正常。想不出来了,以后想到再加吧。上面的诸多问题如果你掌握了其中奥妙,90%的不兼容问题不需要另起css hack的。16.无法彻底清除的float。如果让ul下的li具有了float属性,如何clear浮动的li呢?&ul&&li class=”c”&&/li&&/ul&
或者 &ul&&li&&div&class=”c”&&/div&&/li&&/ul& 或者 &ul&&li&&/li&&div&class=”c”&&/div&&/ul& 或者 &ul&&li&&/li&&/ul&&div&class=”c”&&/div&
或者上述的组合?这个问题,我无法给出解答。下面有个例子与此相关&!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN &&style type=text/css&.c.bdul.exul.ex li&/style&&ul class=ex&&li&sfsdfsfdf&/li&&li&sfsdfsfdf&/li&&/ul&&div class=c&&/div&&div class=bd style=margin-top:19px&sfsdfsfdf&/div&请在ie下 测试,仅仅将 margin-top:19px 改为margin-top:20px 你发现什么了?要素:doctype必须有,ie6、ie7下margin-top:19px还好好的,margin-top:20px 就出问题了,无法解释。。。大家还可以将 clear 层换不同的位置测试。解决方案:给ul 属性zoom:1 (给li 加zoom:1 没用)引申:clear层应该单独使用。也许你为了节省代码把clear属性直接放到下面的一个内容层,这样有问题,不仅仅是ff和op下失去margin效果,ie下某些margin值也会失效&div style=”background:float:”&dd&/div&&div style=”clear:margin-top:18background:green”&ff&/div&17.ie下overflow:hidden对其下的绝对层position:absolute或者相对层position:relative无效。解决方案:给overflow:hidden加position:relative或者position:absolute。另,ie6支持overflow-x或者overflow-y的特性,ie7、ff不支持。18.ie6下严重的bug,float元素如没定义宽度,内部如有div定义了height或zoom:1,这个div就会占满一整行,即使你给了宽度。float元素如果作为布局用或复杂的容器,都要给个宽度的。19.ie6下的bug,绝对定位的div下包含相对定位的div,如果给内层相对定位的div高度height具体值,内层相对层将具有100%的width值,外层绝对层将被撑大。解决方案给内层相对层float属性。20.ie6下的bug,&head&&/head&内有&base target=”_blank”/&的情况下,position:relative层下的float层内文字无法选中。这个bug迫使我修公用样式库。21.终于来了个ff的缺点。width:100%这个东西在ie里用很方便,会向上逐层搜索width值,忽视浮动层的影响,ff下搜索至浮动层结束,如此,只能给中间的所有浮动层加width:100%才行,累啊。opera这点倒学乖了跟了ie。
其他类似问题
为您推荐:
important.org/1999/xhtml" target="_blank">http.w3;DTD XHTML 1:5px:8px!important.org/1999/xhtml&quot!DOCTYPE html PUBLIC &&#47://www.w31;/声明一下CSS的重要等级;:width.dtd&quot.w3://2;&html xmlns=&-&#47://W3C/&gt、你可以用;3.w3、FF3下测试就行了,如、只在IE6、网页前面加上W3C标准声明.0 Transitional&#47
没这么简单.要一点一点的检查兼容性.
这个就问得有点大了。。你到各个论坛去积累吧。
div的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁div+css如何编写有序列表??有序列表如何让它01..02..03..排列_百度知道
提问者采纳
CSS2.0没办自改变序列号改01、02、03懂PHP或者JS我再说改变要效前提懂点态脚本基础理念才要明白CSS定义式等着调用式即XML现能扩展自定义喜欢式列表面运用ol式面却定义ul式肯定没用两种列表建议楼主书静哪怕简单看两基础看再尝试模仿者写些CSS式否则写遇问题
其他类似问题
为您推荐:
div的相关知识
其他5条回答
css面写ol{list-style:}写ul没效01<img class="word-replace" src="/api/getdecpic?picenc=0ad等编号写li标签
sunlg回答的很专业全面了,我说的也是那个意思,没补充了。
css要结合javascript脚本才能体现的淋漓尽致
css里面没有这样现成的 只能手写或做成好看的图片
没有这个功能,除非自己加,或者js判断
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 php数组倒序排列 的文章

 

随机推荐