css怎么给第4个li和第8个li之间设置样式

css怎么给第4个li~8个li设置样式,有没有比连续写五个li:nth-child好
图片说明

14个回答

用jquery的话,就是
用ul>li的:gt(2)和:lt(8)即可处理。

$('ul li:eq(3)').css('color', 'red');
$('ul li:eq(4)').css('color', 'red');
$('ul li:eq(5)').css('color', 'red');
$('ul li:eq(6)').css('color', 'red');
$('ul li:eq(7)').css('color', 'red');

需要设置样式的标签都定义一个class 然后只对该class设置样式 这样比较好了

weixin_36977678
乔岱马 就设置一个间距而已
2 年多之前 回复

肯定是共用一个类名啊

css 伪元素选择器

 $('li').filter(function (index) {return index>2&&index<8 }).css('color','#f00')

<!DOCTYPE html>



Insert title here .addstyle{ border: 2px solid; }


1111111
    var i = 1; var sul = document.getElementById('uu'); while(i<10){alert(22) var lia = document.createElement("li"); lia.appendChild(document.createTextNode('new'+i)); if(i%4 == 0){alert(333) lia.setAttribute("class","addstyle"); } sul.appendChild(lia) ; i++; }


li{color:red}
li:nth-child(4n){color:blue}

直接在第四个和第八个li之间加类标签 控制就行了

共用一个name,给name添加属性就可以了

共14条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如判断ul 里面的li 个数 如果大于某个数则给多余的li添加Class

<ul> <li>a</li> <li>b</li> <li>c</li> <li>d</li> <li>e</li> <li>f</li> </ul> 问题是:现在ul里面总共有6个li(ps:li个数有可能变化的),但是我只要显示前面2个跟后面2个li, 中间其余的li全部增加隐藏的class,这样子要怎么做?

想问关于html,css基础问题,关于块之间的间隙。

想问的是为什么红色框框和灰色框框之间有条缝隙,我用浏览器查看发现没有项目占着那个位置,但是就是有个空隙在中间。 html的代码 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="index.css"> <title>My First Website</title> </head> <body> <header> <nav class="clearfix"> <!--导航开始--> <div class="logo c1">FIRST</div> <div class="items c2"> <ul> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> <li><a href="#">item4</a></li> </ul> </div> </nav> <div class="inner"> <h1>My First Website</h1> <div class="h1-sub"> 16.11.09 </div> </div> </header><!--导航结束--> <div class="content"><!--内容开始--> <div class="contanter"> <div class="story-item"> <h2>第一个只用了html和css的网站</h2> <div class="summary">用了只是学了两三天的技能来实现一个网页的布局,看似简单却一点都不容易,margin的问题真的很多,div也是一个大问题,主要是要理解选择器之间的关系。 </div> <div class="info">16.11.10|作者:Chan|阅读:1</div> </div> </div> </div><!--内容结束--> <footer><!--页尾开始--> </footer><!--页尾开始--> </body> </html> ``` css的代码 ``` *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } h1{ margin: 20px; } ul{ margin: 0; padding: 0; } .c1,.c2{ position: relative; float: left; } .c1{ width: 16.666666%; } .c2{ width: 83.333333%; } .clearfix:before { content: " "; display:table; } .clearfix:after { content: " "; display:table; } .logo{ font-size: 20px; padding: 18px; font-weight: 900; color: #ddd; } header{ min-height: 350px; background-color: #aaa; } nav{ background-color: #333; } nav .items ul{ float: right; padding-right: 20px; } nav ul li{ list-style: none; display: inline-block; } nav ul li a{ display: inherit; text-decoration: none; padding: 20px 10px; color: #fff; } /*nav end*/ .inner { width: 400px; margin: 150px auto 20px; position: relative; text-align: center; } .h1-sub{ font-weight: 900; text-align:right; padding: 20px; } .contanter{ width: 1000px; margin: 0 auto; background-color: red; } .story-item h2{ font-size: 30px; margin: 10px 0; font-family: Microsoft Yahei; color: #444; } .story-item .summary{ font-size: 18px; font-family: Microsoft Yahei; width: 500px; font-weight: 100; color: #777; } ```

li标签无法正常显示,display值为none

1 代码 ``` <style> .ck-slide{ width:720px; } .ck-slide-wrapper{ height: 100%; } </style> <div class="ck-slide"> <ul class="ck-slide-wrapper"> <li> <a href="#"><img src="../github/myck_slide-master/images/1.jpg" alt="" style="width:700px;"></a> </li> <li style="display:none"> <a href="#"><img src="../github/myck_slide-master/images/2.jpg" alt="" style="width:700px;"></a> </li> <li style="display:none"> <a href="javascript:;"><img src="../github/myck_slide-master/images/3.jpg" alt="" style="width:700px;"></a> </li> <li style="display:none"> <a href="javascript:;"><img src="../github/myck_slide-master/images/4.jpg" alt="" style="width:700px;"></a> </li> <li style="display:none"> <a href="javascript:;"><img src="../github/myck_slide-master/images/5.jpg" alt="" style="width:700px;"></a> </li> </ul> <script src="../github/myck_slide-master/js/myslide.js"> </script> <script> /* $(".ck-slide").ckSlide({ autoPlay:true })*/ </script> </div> //引入的外部样式 * { margin: 0px; padding: 0px; } .ck-slide { margin: 100px 0 0 0; left: 50%; margin-left: -400px; width:800px; position: relative; } .ck-slide .ck-slide-wrapper { top: 0; left: 0; z-index: 1; width:100%; position: absolute; } .ck-slide-wrapper li{ list-style: none; display: block; } ``` 2 显示效果 ![图片说明](https://img-ask.csdn.net/upload/201610/27/1477576361_55061.png) ![图片说明](https://img-ask.csdn.net/upload/201610/27/1477576370_818515.png) 3 问题 想实现的效果是轮播。 上述代码在浏览器中打开的时候可以正常显示第一章图片。 按照我个人的理解,ul下面放置了li标签,并且ck-slide样式被设置了指定的宽度居中显示,那么ul下面的li标签会在垂直方向上分布显示,但是实际效果却仅仅显示了第一张图片的效果。通过提示工具查看发现ul下面的li标签除了第一个li标签外 其他li标签的display被设置为了none,这是为什么呀??我没有设置display为none呀 ------------------------------------------------------------- # **有朋友提到js文件的问题,这里并没有执行js代码,我提供全部代码:** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="./css/slide.css"> <script src="./js/jquery.min.js"></script> <style> .ck-slide{ width:720px; height:320px; } .ck-slide-wrapper{ height: 100%; } </style> </head> <body> <div class="ck-slide"> <ul class="ck-slide-wrapper"> <li> <a href="#"><img src="images/1.jpg" alt="" style="width:700px;"></a> </li> <li style="display:none"> <a href="#"><img src="images/2.jpg" alt="" style="width:700px;"></a> </li> <li style="display:none"> <a href="javascript:;"><img src="images/3.jpg" alt="" style="width:700px;"></a> </li> <li style="display:none"> <a href="javascript:;"><img src="images/4.jpg" alt="" style="width:700px;"></a> </li> <li style="display:none"> <a href="javascript:;"><img src="images/5.jpg" alt="" style="width:700px;"></a> </li> </ul> <a href="javascript:;" class="ctrl-slide ck-prev">上一张</a> <a href="javascript:;" class="ctrl-slide ck-next">下一张</a> <div class="ck-slideBox"> <div class="slideWrap"> <ul> <li class="current"><em>1</em></li> <li><em>2</em></li> <li><em>3</em></li> <li><em>4</em></li> </ul> </div> </div> </div> </body> </html> ``` 使用到的图片 ![图片说明](https://img-ask.csdn.net/upload/201610/29/1477732376_480707.jpg) 感谢给位朋友的指点!

div#header{样式a} div#header{样式b} header显示哪一个样式

``` <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>HTML4</title> <!--在W3Cschool上看的一个例子不懂为什么多次给header加样式,显示哪一种样式是以什么为基准?附效果图--> <style> body { font-family:Verdana,sans-serif;font-size:0.8em; } div#header,div#footer,div#content,div#post {<!--这里给header,footer添加样式--> border:1px solid grey; margin:5px;margin-bottom:15px;padding:8px; background-color:white; } div#header,div#footer {<!--这里又添加样式,不懂!--> color:white;background-color:#444;margin-bottom:5px; } div#content { background-color:#ddd; } div#menu ul { margin:0;padding:0; } div#menu ul li { display:inline; margin:5px; } </style> </head> <body> <div id="header"> <h1>Monday Times</h1> </div> <div id="menu"> <ul> <li>News</li> <li>Sports</li> <li>Weather</li> </ul> </div> <div id="content"> <h2>News Section</h2> <div id="post"> <h2>News Article</h2> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p> </div> <div id="post"> <h2>News Article</h2> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p> </div> </div> <div id="footer"> <p>© 2014 Monday Times. All rights reserved.</p> </div> </body> </html> ``` ![图片说明](https://img-ask.csdn.net/upload/201711/02/1509594312_454574.jpg) ![图片说明](https://img-ask.csdn.net/upload/201711/02/1509594389_996774.jpg)

css加了:hover出现字体乱位

<a>未加:hover ![图片说明](https://img-ask.csdn.net/upload/201907/30/1564490980_59816.png) <a>加了:hover ![图片说明](https://img-ask.csdn.net/upload/201907/30/1564491036_535013.png) ``` <!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; } #img{/*背景图*/ background-image: url(1.jpeg); } .log{/*文本框*/ width: 300px; height: 40px; margin: 15px 10px 10px 10px;/*上 右 下 左,两个文本框的边距*/ text-indent: 10px; } .box{/*盒子*/ width: 399px; height: 279px; border-radius: 4px; border: 5px solid green; border-color: transparent; padding: 25px; margin: 25px; position: absolute; left: 780px; top: 150px; background-color: white; } .butt{/*登录按钮*/ width: 300px; height: 50px; margin: 10px 10px 10px 10px; background-color: rgba(134,206,47,1.00); } a:hover{ position: absolute; left: 368px; top: 295px; font-size: 15px; text-decoration:none; /*鼠标放上去有下划线*/ } </style> </head> <body id="img"> <div> <div style="text-align: center"> <h1>欢迎你的到来</h1> <div class="box"> <form action="" method="post"> <input type="text" name="ID" placeholder="学号" class="log"><br> <input type="text" name="name" placeholder=" 姓名" class="log"><br> <input type="submit" value="登录" class="butt"> </form> <div> <a href="#">意见反馈</a> </div> </div> </div> </div> </body> </html> ```

Bootstrap 分页标签不显示CSS效果

``` <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li> <a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span> </a> </li> </ul> </nav> ``` ![图片说明](https://img-ask.csdn.net/upload/201708/16/1502857292_922355.png) 其余部分的标签都有显示。 ``` <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="txt/html; charset=utf-8" /> <title>Lettiy</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"/> <style> .left{ float:left; } .right{ float:right; } .rnav{ height:80px; line-height:80px; } .badge{ background-color:teal; } .interface{ width:100px; height:100px; } </style> </head> ``` ``` <!-- 时间轴主体文章部分 --> <div class="col-md-10 left" style="padding:0;"> <!--巨幕显示最新信息--> <div class="jumbotron"> <h1>Welcome to Lettiy!</h1> <p>this is the demo test Page</p> <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p> </div> <!--文章显示区域 采用表格形式进行填充--> <div class="container-fluid" style"margin-top:50px;"> <table id="postView" style="width:100%;"> <!--第一行--> <tr> <td class="col-md-3"> <div class="thumbnail"> <img src="img/java.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> <td class="col-md-3"> <div class="thumbnail"> <img src="img/java.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> <td class="col-md-3"> <div class="thumbnail"> <img src="img/java.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> <td class="col-md-3"> <div class="thumbnail"> <img src="img/java.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> </tr> <!--第二行--> <tr> <td class="col-md-3"> <div class="thumbnail"> <img src="img/php.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> <td class="col-md-3"> <div class="thumbnail"> <img src="img/php.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> <td class="col-md-3"> <div class="thumbnail"> <img src="img/php.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> <td class="col-md-3"> <div class="thumbnail"> <img src="img/php.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> </tr> </table> <!--分页器--> <div class="col-md-3 right"> <nav aria-label="Page navigation"> <ul class="pagination pagination-lg"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li> <a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span> </a> </li> </ul> </nav> </div> </div> </div> ``` ``` <!--BootStrap jquery--> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdn.bootcss.com/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> <script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script> </body> </html> ``` ![图片说明](https://img-ask.csdn.net/upload/201708/16/1502857452_49492.png)

在js中控制样式出现问题,求助。

在html页面需要显示以下数据 ``` <!--第一行数据--> <div class="main_store_slide" style="margin-top:70px;"> <div class="swiper-container swiper-container-horizontal swiper-container-free-mode"> <div class="swiper-wrapper"> <!--1--> <div class="swiper-slide swiper-slide-active lawyer_b" > <ul class="ul1" style="display: block;"> <li class="s1">122</li> <li class="s2">2323</li> </ul> </div> <!--2--> <div class="swiper-slide swiper-slide-next lawyer_b" > <ul class="ul1" style="display: block;"> <li class="s1">3434</li> <li class="s2">454</li> </ul> </div> <!--3--> <div class="swiper-slide swiper-slide-next lawyer_b" > <ul class="ul1" style="display: block;"> <li class="s1">334</li> <li class="s2">343443</li> </ul> </div> <!--4--> <div class="swiper-slide swiper-slide-next lawyer_b" > <ul class="ul1" style="display: block;"> <li class="s1">12</li> <li class="s2">34</li> </ul> </div> </div> </div> </div> <!--end第一行数据--> <!--第二行数据--> <div class="main_store_slide" style="margin-top:70px;"> <div class="swiper-container swiper-container-horizontal swiper-container-free-mode"> <div class="swiper-wrapper"> <!--1--> <div class="swiper-slide swiper-slide-active lawyer_b" > <ul class="ul1" style="display: block;"> <li class="s1">122</li> <li class="s2">2323</li> </ul> </div> <!--2--> <div class="swiper-slide swiper-slide-next lawyer_b" > <ul class="ul1" style="display: block;"> <li class="s1">3434</li> <li class="s2">454</li> </ul> </div> <!--3--> <div class="swiper-slide swiper-slide-next lawyer_b" > <ul class="ul1" style="display: block;"> <li class="s1">334</li> <li class="s2">343443</li> </ul> </div> <!--4--> <div class="swiper-slide swiper-slide-next lawyer_b" > <ul class="ul1" style="display: block;"> <li class="s1">12</li> <li class="s2">34</li> </ul> </div> </div> </div> </div> <!--end第二行数据--> …… ``` 因这些数据是从接口中读取,然后在页面上显示, 所以,在js中控制相关样式,如下所示: ``` <script type="text/javascript"> <!-- $(function(){ var str="" var j=0; for(var i=0;i<18;i++){ j++ if(j%4==0){ str+="<div class='main_store_slide' style='margin-top:70px;'>"; str+="<div class='swiper-container swiper-container-horizontal swiper-container-free-mode'>"; str+="<div class='swiper-wrapper'>"; } str+="<div class=\"swiper-slide swiper-slide-active lawyer_b\" >"; str+="<ul class=\"ul1\" style=\"display: block;\">"; str+="<li class=\"s1\">12</li>"; str+="<li class=\"s2\">34</li>"; str+=" </ul> </div>"; if(j%4==0){ str+="</div>"; str+="</div>"; str+="</div>"; } } $("#divid").html(str); }) //--> </script> ``` 请问 以上 js中该 如何修改。 有试过 用 :nth-of-type ,发现 样式乱了。

熟悉jquery及css的朋友进来帮我改进下这个tab选项卡,谢谢

大家好,我很喜欢如下这个选项卡,但是现在碰到一个问题,就是当页面中需要2个或以上个数的选项卡时会出现问题, 怎么使各个<div class="tab">相互独立,不相互影响,并在打开页面时显示[b]选项1和选项4[/b],代码如下: 请各位帮忙: [code="java"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery实现tab淡变选项卡效果</title> <script type="text/javascript" src="jquery1.4.2.min.js"></script> <style type="text/css"> .tab { background-color: #FAFAFA; margin: 5px 8px; padding: 5px 10px; } .tab p span { background-color: #EFEFEF; border: 1px solid #CCCCCC; cursor: pointer; margin-right: 3px; padding: 2px 5px; } .tab p span.current { background-color: #FAFAFA; border-bottom-color: #fafafa; } .tab p { border-bottom: 1px solid #CCCCCC; font-weight: bold; padding: 0 8px 2px; margin: 0; } .tab ul { width:500px; background:url(tu/about.jpg) right no-repeat; margin: 2px auto 2px 8px; padding:0; } .tab li { width:300px; border-bottom: 1px dotted #CCCCCC; padding-bottom: 3px; margin: 2px 0; list-style-type=none; } .tab .mhot, .tab.allhot { display: none; } </style> <script type="text/javascript"> $(document).ready(function() { $(".tab span:first").addClass("current"); //为第一个SPAN添加当前效果样式 $(".tab ul:not(:first)").hide(); //隐藏其它的UL $(".tab span").mouseover(function() { $(".tab span").removeClass("current"); //去掉所有SPAN的样式 $(this).addClass("current"); $(".tab ul").hide(); $("." + $(this).attr("id")).fadeIn('slow'); }); }); </script> </head> <body> <p></p> <p>JS如果没加载请刷新</p> <p></p> <div class="tab"> <p> <span id="tab1">选项1</span><span id="tab2">选项2</span><span id="tab3">选项3</span></p> <ul class="tab1"> <li><a href="http://www.poluoluo.com" target="_blank">破洛洛</a></li><li><a href="http://www.poluoluo.com" target="_blank">www.poluoluo.com</a></li><li><a href="/jzxy/wytx/code/index.html" target="_blank">常用代码</a></li></ul> <ul class="tab2"> <li><a href="/jzxy/wytx/menu/Index.html" target="_blank">导航菜单</a></li><li><a href="/jzxy/wytx/jscode/index.html" target="_blank">JS广告代码</a></li></ul> <ul class="tab3"> <li><a href="/jzxy/wytx/jscode/index.html" target="_blank">JS广告代码</a></li><li><a href="/jzxy/wytx/jscode/index.html" target="_blank">JS广告代码</a></li><li><a href="http://www.poluoluo.com" target="_blank">破洛洛</a></li><li><a href="/jzxy/wytx/code/index.html" target="_blank">常用代码</a> </li><li><a href="/jzxy/wytx/menu/Index.html" target="_blank">导航菜单</a></li></ul> </div> <div class="tab"> <p> <span id="tab21">选项4</span><span id="tab22">选项5</span><span id="tab23">选项6</span></p> <ul class="tab21"> <li><a href="http://www.poluoluo.com" target="_blank">破洛洛</a></li><li><a href="http://www.poluoluo.com" target="_blank">www.poluoluo.com</a></li><li><a href="/jzxy/wytx/code/index.html" target="_blank">常用代码</a></li></ul> <ul class="tab22"> <li><a href="/jzxy/wytx/menu/Index.html" target="_blank">导航菜单</a></li><li><a href="/jzxy/wytx/jscode/index.html" target="_blank">JS广告代码</a></li></ul> <ul class="tab23"> <li><a href="/jzxy/wytx/jscode/index.html" target="_blank">JS广告代码</a></li><li><a href="/jzxy/wytx/jscode/index.html" target="_blank">JS广告代码</a></li><li><a href="http://www.poluoluo.com" target="_blank">破洛洛</a></li><li><a href="/jzxy/wytx/code/index.html" target="_blank">常用代码</a> </li><li><a href="/jzxy/wytx/menu/Index.html" target="_blank">导航菜单</a></li></ul> </div> </body> </html>[/code]

为何flex布局下的文字出现错位以及无法居中?

html代码如下: ``` <html> <head> <title>打粉小站</title> <link rel="stylesheet" type="text/css" href="css/home page_css.css"> </head> <body> <div id="content"> <div id="left_content"> <div id="left_item1"> <p> <a href="home page.html"><image src="image/logo.png"> </a></p> </div> <div id="left_item2"> <h1 id="subline">打粉小站</h1> <h4><a href="home page.html">首页</a></h4> <P> <ul> <li>站长小窝</li> <li>小站社区</li> <li>小站伊始)</li> <li>随机页面</li> </ul> </body> </html> ``` 以及css代码: ``` #content{ display:flex; width:100%; flex-wrap:wrap; } #left_content{ width:15%; background-color:#F0F8FF; line-height:20%; padding:10px; flex-wrap:wrap; } #subline{ font:700 2.5em Serif; text-decoration:underline; } #left_item2{ justify-content:center; } ``` 结果如下图:![图片说明](https://img-ask.csdn.net/upload/202004/23/1587612006_403162.png) “打粉小站”四字没有居中,且下方的列表重叠

jsp连接数据后样式失效,请大神帮忙!!!

各位大神,本人小白,初学jsp。在做完连接数据库并将数据显示到页面上后,页面的所有样式都无效了,以下是我的代码。 ``` <%@page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@page import="java.util.ArrayList"%> <%@page import="org.cz.bean.Select"%> <% /*如果还未登录系统*/ if (session.getAttribute("user")==null || session.getAttribute("user")=="") out.println("<script>alert('未登录系统!');top.location.href='../login.jsp';</script>"); %> <%-- <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> --%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%-- <base href="<%=basePath%>"> --%> <title>数据查询</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- css文件 --> <link rel="stylesheet" type="text/css" href="../css/s_css/stys_index.css"><!-- 控制布局 --> <link type="text/css" rel="stylesheet" href="../css/s_css/style_index.css"/><!-- 控制样式 --> <!--js文件 --> <script src="../js/s_js/jquery-1.10.2.min.js" type="text/javascript"></script> <script src="../js/s_js/s_index.js" type="text/javascript"></script> </head> <body> <% if(request.getAttribute("result")!= null) {%> <script> alert('<%=request.getAttribute("result")%>'); </script> <% } %> <div class="wrap"> <div class="layout"> <div class="content"> <!-- 导航 --> <div class="Mynav"> <div class="menuleft"><a href="#">重管理系统后台</a></div> <div class="menu"> <ul class="nav"> <li></li> <li><a href="#">数据查询</a></li> <li><a href="#">导 出</a></li> <li><a href="#">查 看</a></li> <li><a href="#">退出</a></li> <!-- <li><a href="#">联系我们</a></li> --> </ul> </div> </div> <!-- 数据查询》结果 --> <div class="title"> <p class="title-w">数据查询</p> </div> <!-- 查询结果开始 --> <div class="main" overflow="auto"> <table class="tablenav" id="results"> <caption> <h4><strong>查询结果</strong></h4> <ul class="pagination" style="float:left;"> <% //String Xm = (String)request.getAttribute("Xm"); int recordCount = (Integer)request.getAttribute("recordCount"); //int pageSize = (Integer)request.getAttribute("pageSize"); int currentPage = (Integer)request.getAttribute("currentPage"); int totalPage = (Integer)request.getAttribute("totalPage"); String pageFootStr = ""; int next, prev; prev=currentPage-1;//上一页 next=currentPage+1;//下一页 String actionPath = "Select?action=queryall"; //&Xm=" + Xm pageFootStr+="<form aciont='" + actionPath + "' method=post>"; //pageFootStr += "查询到<span>"+recordCount+"</span>条记录"+" 共<span>"+totalPage+"</span>页"; //pageFootStr +=" 第<span>"+currentPage+"</span>页 "; pageFootStr += "<li><a >共<strong>"+recordCount+"</strong>条记录,<strong>"+totalPage+"</strong>页</a></li>"; if(currentPage>1) pageFootStr += "<li title=首页><a href="+ actionPath + "&currentPage=1"+">&laquo;</a></li>"; else pageFootStr += " &laquo; "; if(currentPage>1) pageFootStr += "<li title=上一页><a href=" + actionPath + "&currentPage=" + prev + ">&lsaquo;</a></li>"; else pageFootStr += "&lsaquo; "; pageFootStr += " <li title=当前页 class=active><a>"+currentPage+"</a></li>"; if(currentPage<totalPage) pageFootStr += " <li title=下一页><a href=" + actionPath + "&currentPage=" + next + ">&rsaquo;</a></li>"; else pageFootStr += "&rsaquo; "; if(totalPage>1&&currentPage!=totalPage) pageFootStr += " <li title=最末页><a href=" + actionPath + "&currentPage=" + totalPage + ">&raquo;</a></li>"; else pageFootStr += "&raquo;"; pageFootStr+="<li>第<input name=currentPage type=text size=2>页 <input type=submit value=GO></form></li>" ; %> </ul> <div style="float:right;padding:5px"> <!-- <a href="#" class="btn" onclick="showAdd()">添加员工</a> --> </div> </caption> <!-- <form method="post" action="Select?action=query2"> --> <thead> <tr> <th>单号</th> <th>净重编号</th> <th>车号</th> <th>业务类型</th> <th>货名</th> <th>发货单位</th> <th>收货单位</th> <th>司机</th> <th>仓库</th> <th>备注</th> </tr> </thead> <tbody> <div> <% //从request域中取得要显示的某页信息 ArrayList selectList = (ArrayList)request.getAttribute("selectList"); /*遍历每个的信息进行显示*/ for(int i=0;i< selectList.size();i++){ Select select = (Select)selectList.get(i); %> <tr> <td><%=select.getCode()%></td> <td><%=select.getCodeNet()%></td> <td><%=select.getCarCode()%></td> <td><%=select.getTheType()%></td> <td><%=select.getSp1()%></td> <td><%=select.getSp2()%></td> <td><%=select.getSp3()%></td> <td><%=select.getSp4()%></td> <td><%=select.getSp5()%></td> <td><%=select.getSp6()%></td> </tr> <% } %> <tr><td colspan=10> <%=pageFootStr %> &nbsp; </td> </tr> </div> </tbody> <!-- </form> --> </table> <!-- 查询结果结束 --> </div> </div> <!--/content--> </div> <!-- /layout --> <jsp:include page="../foot.jsp"></jsp:include> </div> <!-- /wrap --> </body> </html> ``` ![图片说明](https://img-ask.csdn.net/upload/201603/24/1458751776_349091.jpg) ![图片说明](https://img-ask.csdn.net/upload/201603/24/1458751820_784105.jpg)

麻烦看下这段JQ代码,一点性能问题

``` <head> <style type="text/css"> .scroll_div{width:1000px; height:370px; margin:0 auto; padding:10px;} .scroll_div .pic{width:820px; height:370px; overflow:hidden; position:relative; float:left;} .scroll_div .pic li{width:820px; height:370px; position:absolute; top:0; left:0; display:none;} .scroll_div .btn{float:right; width:173px;} .scroll_div .btn li{width:173px; height:66px; display:block; float:left; text-align:center; color:#fff; font:18px/100% "微软雅黑"; font-weight:bold; background:#008dd8; margin-bottom:10px; line-height:66px; cursor:pointer;} .scroll_div .btn li.on{background:#d73737;} li {list-style:none;} img{width:100%;} </style> </head> <body> <div class="scroll_div"> <ul class="pic"> <li><img src="images/1.jpg" /></li> <li><img src="images/2.jpg" /></li> <li><img src="images/3.jpg" /></li> <li><img src="images/4.jpg" /></li> <li><img src="images/5.jpg" /></li> </ul> <ul class="btn"> <li>项目一</li> <li>项目二</li> <li>项目三</li> <li>项目四</li> <li>项目五</li> </ul> </div> </body> <script type="text/javascript"> $(function(){ var listLen = $(".pic li").length, //li的个数 i=0,//下标初始值 setInter,speen = 1500;//自动运行间隔 /*图片轮播*/ $(".btn li:last").css({"margin":"0px 0px 0px 0px"});//最后一个按钮样式 $(".btn li:first").addClass("on");//为每个按钮增加的样式 $(".pic li:first").show();//第一个图片展示 $(".btn li").each(function(index,element){//点击显示不同图片 $(element).click(function(){ i = index;//选择器位置 $(this).addClass("on").siblings().removeClass("on");//为当前按钮高亮 $(".pic li").eq(index).animate({opacity:"show"},300).siblings().animate({opacity:"hide"},300); })//图片随着按钮的切换动作 $(".pic li").hover(function(){//鼠标悬停停止自动播放(停止Interval) clearInterval(setInter); },function(){ outPlay(); }); }) out_fun = function(){ if(i < listLen){i++;}else{i=0;};//判定位置,超过位置则重置到第一张位置。这里重置到第一张时会有延迟,目测比300多一点。 $(".btn li").eq(i).addClass("on").siblings().removeClass("on"); $(".pic li").eq(i).animate({opacity:"show"},300).siblings().animate({opacity:"hide"},300); } outPlay = function(){ setInter = setInterval("out_fun()",speen);//周期循环调用 } outPlay();//自动播放 }) </script> ``` 这是一段自动播放和切换的JQ代码,然后发现当播放到最后一张跳到第一张时会比平常的播放时间(这里是300)要稍长一点,不知道问题在哪,请问该如何解决或者优化?

求检查一下轮播代码错误!

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>轮播学习</title> <style type="text/css"> /*清除默认样式*/ *{margin: 0px;padding: 0px;list-style: none;} /*设置样式*/ .wrap{ height: 170px; width: 500px; overflow: hidden; margin: 100px auto; position: relative; } .wrap ul{ position: absolute; } .wrap ul li{ height: 170px; } .wrap ol{ position: absolute; right: 10px; bottom: 10px; } .wrap ol li{ float: left; height: 20px; width: 20px; background: rgba(255,193,193,0.5); border: 1px solid #FFC125; border-radius: 2px; margin-left: 10px; line-height: 100%; text-align: center; } .wrap ol li.active{ background-color: #330099; color: #fff; border: 2px solid green; } </style> </head> <body> <div id="wrap" class="wrap"> <ul id="pic"> <li><img src="./photos/tu1.jpg" alt="" style="height: 170px;width: 500px;"></li> <li><img src="./photos/tu2.jpg" alt="" style="height: 170px;width: 500px;"></li> <li><img src="./photos/tu3.jpg" alt="" style="height: 170px;width: 500px;"></li> <li><img src="./photos/tu4.jpg" alt="" style="height: 170px;width: 500px;"></li> <li><img src="./photos/tu5.jpg" alt="" style="height: 170px;width: 500px;"></li> </ul> <ol id="list"> <!-- 第一个按钮默认样式 --> <li class="active">1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ol> </div> <script type="text/javascript"> window.onload=function(){ var wrap=document.getElementById('wrap'), pic=document.getElementById('pic'), list=document.getElementById('list').getElementsByTagName('li'), index=0, timer=null; if(timer){ clearInterval(timer); timer=null; } timer=setInterval(autoplay,2000); // 定义图片切换函数 function autoplay(){ index++; if(index>=list.length) { index=0; } changeoptions(index); } //鼠标移上时,整个容器停止图片自动切换 wrap.onmouseover=function(){ clearInterval(timer); } //鼠标离开时,整个容器开始继续图片自动切换 wrap.onmouseout=function(){ timer=setInterval(autoplay,2000); } //遍历数字导航,实现划过就切换至相应图片 for (var i=0;i<list.length;i++) { list[i].id=i; list[i].onmouseover=function(){ clearInterval(timer); changeoptions(this.id); } } function changeoptions(curindex){ for(var j=0;j<list.length;j++){ list[j].calssName=''; pic.style.top=0px; } list[curindex].calssName='active'; pic.style.top=-curindex*170+'px'; index=curindex; } } </script> </body> </html>

问一个关于一个session的问题在struts2 中

先看看看我的一段代码, [code="java"]public String toLogin() throws Exception { try { Map<String, Register> session=ActionContext.getContext().getSession(); register = authorService.loginValid(userName, passWord); if(register !=null){ session.put("register",register); id = register.getId(); return SUCCESS; }else{ addActionError("用户名/密码不匹配"); this.setTip("<font color='red'>对不起您的帐号或密码有误!</font>"); return "failure"; } } catch (Exception e) { // TODO: handle exception this.setTip("<font color='red'>对不起,系统出现故障,请稍后再登录!</font>"); e.printStackTrace(); return "failure"; } } [/code] [code="java"]<action name="login" class="loginAction" method="toLogin"> <result name="input">/login/authorlogin.jsp</result> <result name="failure">/login/authorlogin.jsp</result> <result name="success" type="redirect"> countmessage.action?id=${id} </result> </action> <action name="countmessage" class="messageAction" method="countMessagAuthor"> <result name="success">/login/author.html</result> </action> [/code] 再看这个页面的数据展现 [code="java"] <div class="tit" ><img src="../images/045631213.gif" width="16" height="16" vspace="5" align="left" /> &nbsp;用户名:<a href='<s:url action="details"><s:param name = "id" value = "#session.register.id"/></s:url>'> ${session.register.realName}</a></div> [/code] magazineOA/countmessage.action?id=5 第一次登录红色 部分显示在页面上当时就在刷新页面后是${session.register.realName}不再显示。我想是action的问题吧,但是怎么才能把这个为题解决呢? [b]问题补充:[/b] 我想应该是,因为如果我刷新页面的话应该又一次执行countmessage的action,没有执行前面那个action的问题呀,但是应该怎么解决呢?? [b]问题补充:[/b] 本页面刷新后变成这样 [code="java"] <div class="tit" ><img src="../images/045631213.gif" width="16" height="16" vspace="5" align="left" /> &nbsp;用户名:<a href='/magazineOA/login/details.action'> </a> </div> [/code] [b]问题补充:[/b] 我使用的框架。我只刷新这一个页面,那个没有关系吧?????? 这个问题就是在框架里出现好像、。 [b]问题补充:[/b] [code="java"]<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib prefix="s" uri="/struts-tags"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body{ padding:0px; margin:0; color:#073a93; background:url(../images/sleftbg.jpg) repeat-y; font-size:12px;} a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ :focus { outline: none; } .stitle{ background: url(../images/s_title.jpg) no-repeat; width:82px; height:36px; line-height:30px; padding-left:30px; font-weight:bold;} .SleftDiv{margin-left:6px; margin-top:10px; border:solid 1px #7db5ff;width:112px; background-color:#fff;} ul{padding:0; margin:0; list-style:none;} ul li{ width:100px; background:url(../images/s_leftOL.gif) no-repeat 15px 5px;} ul li a{padding-left:30px; line-height:25px; color:#073a93; text-decoration:none;} ul li a:hover{color:#ffcc00;} </style> <title>用户信息</title> </head> <body> <div class="SleftDiv"> <div class="stitle">用户中心</div> <ul> <li><a href='<s:url action="details"><s:param name = "id" value = "#session.register.id"/></s:url>' target="mainFrame">个人信息</a></li> <li><a href='<s:url action="editpass"><s:param name = "id" value = "#session.register.id"/></s:url>' target="mainFrame">修改密码</a></li> <li><a href="index.jsp" target="_top">退出系统</a></li> </ul> </div> <div class="SleftDiv"> <div class="stitle">投 稿 箱</div> <ul> <li><a href="#">我要投稿</a></li> <li><a href="#">草 稿 箱</a></li> <li><a href="#">已投稿件</a></li> <li><a href="#">发表稿件</a></li> </ul> </div> <div class="SleftDiv"> <div class="stitle">信息中心</div> <ul> <li><a href='<s:url action="receiveMessageA"><s:param name="lastreadTime" value="未读" /></s:url>' target="mainFrame">未读信息(${session.count})</a></li> <li><a href='<s:url action="receiveMessageA"></s:url>' target="mainFrame">收 件 箱</a></li> <li><a href='<s:url action="toAuthorSend"></s:url>' target="mainFrame">写&nbsp;&nbsp;&nbsp;&nbsp;信</a></li> <li><a href='<s:url action="sendout"></s:url>' target="mainFrame">已发信件</a></li> <li><a href='<s:url action="tosend"></s:url>' target="mainFrame">写&nbsp;&nbsp;邮&nbsp;&nbsp;件</a></li> </ul> </div> </body> </html> [/code] 这是我的左侧页面的代码 [code="java"] <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib prefix="s" uri="/struts-tags"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <link href="../images/s.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="tit" ><img src="../images/045631213.gif" width="16" height="16" vspace="5" align="left" /> &nbsp;用户名:<a href='<s:url action="details"><s:param name = "id" value = "#session.register.id"/></s:url>'> ${session.register.realName}</a> </div> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder"> <tr> <td><div class="tit_tab">通知公告</div></td> </tr> <tr> <td> <div class="newslist"> <ul> <li><a href="#" target="_blank">科海期刊办公自动化系统《投稿须知》</a></li> <li><a href="#" target="_blank">版权转让协议</a></li> </ul> </div> </td> </tr> </table> <br /> <div id="Tab2"> <div class="Menubox"> <ul> <li id="two1" onclick="setTab('two',1,4)" class="hover">稿签</li> <li id="two2" onclick="setTab('two',2,4)" >内容</li> <li id="two3" onclick="setTab('two',3,4)">作者信息</li> <li id="two4" onclick="setTab('two',4,4)">稿件状态</li> </ul> </div> <div class="Contentbox"> <div id="con_two_1" ><table width="100%" border="0" cellspacing="0" cellpadding="0" class="tabcss"> <tr> <td width="80" align="center">中文文题</td> <td>&nbsp;</td> </tr> <tr> <td align="center">英文文题</td> <td>&nbsp;</td> </tr> <tr> <td align="center">作&nbsp;&nbsp;&nbsp;&nbsp;者</td> <td>&nbsp;</td> </tr> <tr> <td align="center">关&nbsp;键&nbsp;词</td> <td>&nbsp;</td> </tr> <tr> <td align="center">中文摘要</td> <td>&nbsp;</td> </tr> <tr> <td align="center">英文搞要</td> <td>&nbsp;</td> </tr> <tr> <td align="center">回避专家</td> <td>&nbsp;</td> </tr> <tr> <td align="center">推荐专家</td> <td>&nbsp;</td> </tr> <tr> <td align="center">专业类型</td> <td>&nbsp;</td> </tr> </table> </div> <div id="con_two_2" style="display:none">新闻列表2</div> <div id="con_two_3" style="display:none">新闻列表3</div> <div id="con_two_4" style="display:none">新闻列表4</div> </div> </div> <script> <!-- /*第一种形式 第二种形式 更换显示样式*/ function setTab(name,cursel,n){ for(i=1;i<=n;i++){ var menu=document.getElementById(name+i); var con=document.getElementById("con_"+name+"_"+i); menu.className=i==cursel?"hover":""; con.style.display=i==cursel?"block":"none"; } } //--> </script> <br /> <div class="tit" ><img src="../images/045631590.gif" width="16" height="16" vspace="5" align="left" /> &nbsp;已提交的稿件 </div> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tablist"> <tr> <th>序号</th> <th>文&nbsp;&nbsp;&nbsp;&nbsp;题 </th> <th>投稿日期</th> <th>稿件状态</th> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table> </body> </html> [/code] 这是右侧代码。就是显示夜明那个 我的页面没有其他东西,因为其他只是一个静态没有动态代码使用,贴出来也没有多大帮助呀,[code="java"] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <link href="../images/s.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="tit" ><img src="../images/045631213.gif" width="16" height="16" vspace="5" align="left" /> &nbsp;用户名:<a href='/magazineOA/login/details.action'> </a> </div> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder"> <tr> <td><div class="tit_tab">通知公告</div></td> </tr> <tr> <td> <div class="newslist"> <ul> <li><a href="#" target="_blank">科海期刊办公自动化系统《投稿须知》</a></li> <li><a href="#" target="_blank">版权转让协议</a></li> </ul> </div> </td> </tr> </table> <br /> <div id="Tab2"> <div class="Menubox"> <ul> <li id="two1" onclick="setTab('two',1,4)" class="hover">稿签</li> <li id="two2" onclick="setTab('two',2,4)" >内容</li> <li id="two3" onclick="setTab('two',3,4)">作者信息</li> <li id="two4" onclick="setTab('two',4,4)">稿件状态</li> </ul> </div> <div class="Contentbox"> <div id="con_two_1" ><table width="100%" border="0" cellspacing="0" cellpadding="0" class="tabcss"> <tr> <td width="80" align="center">中文文题</td> <td>&nbsp;</td> </tr> <tr> <td align="center">英文文题</td> <td>&nbsp;</td> </tr> <tr> <td align="center">作&nbsp;&nbsp;&nbsp;&nbsp;者</td> <td>&nbsp;</td> </tr> <tr> <td align="center">关&nbsp;键&nbsp;词</td> <td>&nbsp;</td> </tr> <tr> <td align="center">中文摘要</td> <td>&nbsp;</td> </tr> <tr> <td align="center">英文搞要</td> <td>&nbsp;</td> </tr> <tr> <td align="center">回避专家</td> <td>&nbsp;</td> </tr> <tr> <td align="center">推荐专家</td> <td>&nbsp;</td> </tr> <tr> <td align="center">专业类型</td> <td>&nbsp;</td> </tr> </table> </div> <div id="con_two_2" style="display:none">新闻列表2</div> <div id="con_two_3" style="display:none">新闻列表3</div> <div id="con_two_4" style="display:none">新闻列表4</div> </div> </div> <script> <!-- /*第一种形式 第二种形式 更换显示样式*/ function setTab(name,cursel,n){ for(i=1;i<=n;i++){ var menu=document.getElementById(name+i); var con=document.getElementById("con_"+name+"_"+i); menu.className=i==cursel?"hover":""; con.style.display=i==cursel?"block":"none"; } } //--> </script> <br /> <div class="tit" ><img src="../images/045631590.gif" width="16" height="16" vspace="5" align="left" /> &nbsp;已提交的稿件 </div> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tablist"> <tr> <th>序号</th> <th>文&nbsp;&nbsp;&nbsp;&nbsp;题 </th> <th>投稿日期</th> <th>稿件状态</th> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table> </body> </html> [/code] 这是一个输出后查看源代码显示的 还有就是我action的代码 [code="java"]public String countMessagAuthor()throws Exception{ Map<String, Integer> session = ActionContext.getContext().getSession(); Message messag = new Message(); int count; lastreadTime = messag.getLastreadTime(); if(lastreadTime != "未读") { lastreadTime ="未读"; receiveName = id; messag.setLastreadTime(lastreadTime); messag.setSendflag(sendflag); messag.setReceiveName(receiveName); messag.setReceiveflag("0"); List<Message> list = messageService.findByExample(messag); count = list.size(); session.put("count", count); } else { count = 0; session.put("count", count); } return SUCCESS; }[/code] [b]问题补充:[/b] 整个流程很简单的,就是我登陆要调用loginAction action里的方法并且把register用session保存起来,如果我登陆成功后转到执行这个countMessagAuthor方法,进行一些业务操作后跳转我要显示的页面,第一次显示时可以的但是我刷新页面后那个本来该显示session值消息啦 我有三块显示frame,我用的是用spring来管理struts2 的action [b]问题补充:[/b] 不管那个,都是一样的结果。左边,右边,还是整个页面都是这样的。 [b]问题补充:[/b] [code="java"]public String toLogin() throws Exception { try { Map<String, Register> session=ActionContext.getContext().getSession(); register = authorService.loginValid(userName, passWord); if(register !=null){ session.put("register",register); id = register.getId(); return SUCCESS; }else{ addActionError("用户名/密码不匹配"); this.setTip("<font color='red'>对不起您的帐号或密码有误!</font>"); return "failure"; } } catch (Exception e) { // TODO: handle exception this.setTip("<font color='red'>对不起,系统出现故障,请稍后再登录!</font>"); e.printStackTrace(); return "failure"; } } [/code] 这个和我那个要调用的如果是右面刷新时这个没有啦,至于左边那个没有也是一样的好像

jsp中两个javascript,但是只能成功运行一个,单独都能正常运行。

一些css代码就省略了。两个js,单独都能正常使用,但是放在一起只有第二个js有反应,第一个没反映。 ``` <%@ page language="java" import="java.util.*,pojo.Consume,Dao.ConsumeDao" pageEncoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>分类汇总</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="./css/doubleDate.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" language="javascript" src="./js/jquery-1.4.2.min.js" ></script> <script type="text/javascript" language="javascript" src="./js/doubleDate2.0.js" ></script> <script> $(function(){ $('.doubledate').kuiDate({ className:'doubledate', isDisabled: "0" // isDisabled为可选参数,“0”表示今日之前不可选,“1”标志今日之前可选 }); }); </script> <script type="text/javascript" language="javascript" src="./js/jquery-1.10.2.js"></script> <script> function alertWin(Cno) { /* $.ajax({ type:"post", url:"./ShowDetail", data:{Cno:Cno}, success:function(data){ alert("success"); } }); */ var msgw,msgh,titleheight,bordercolor,titlecolor; msgw = 300;//提示窗口的宽度 msgh = 300;//提示窗口的高度 titleheight = 25 //提示窗口标题高度 bordercolor = "#A480B2";//提示窗口的边框颜色 titlecolor = "#A480B2";//提示窗口的标题颜色 //根据自己需求注意宽度和高度的调整 var iWidth = document.documentElement. clientWidth; var iHeight = document.documentElement.clientHeight; //遮罩层 var bgObj = document.createElement("div"); bgObj.setAttribute("id", "bgObj");//设置ID bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:101;"; document.body.appendChild(bgObj); //弹出窗口 var msgObj=document.createElement("div"); msgObj.setAttribute("id", "msgDiv");//可以用bgObj.id="msgDiv"的方法,是为div指定属性值 msgObj.setAttribute("align", "center");//为div的align赋值 msgObj.style.background = "white";//背景颜色为白色 msgObj.style.border = "1px solid " + bordercolor;//边框属性,颜色在上面已经赋值 msgObj.style.position = "absolute";//绝对定位 msgObj.style.left = (iWidth-msgw)/2 ;//从左侧开始位置 msgObj.style.top = (iHeight-msgh)/2;//从上部开始位置 msgObj.style.font = "12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";//字体属性 msgObj.style.width = msgw + "px";//提示框的宽(上面定义过) msgObj.style.height = msgh + "px";//提示框的高(上面定义过) msgObj.style.textAlign = "center";//文本位置属性,居中。 msgObj.style.lineHeight = "25px";//行间距 msgObj.style.zIndex = "102";//层的z轴位置 document.body.appendChild(msgObj); //弹出窗口标题 var title = document.createElement("div");//创建一个标题对象 title.setAttribute("id", "msgTitle");//为标题对象填加id title.style.margin = "0";//浮动 title.style.padding = "3px";//浮动 title.style.background = titlecolor;//背景颜色 title.style.filter = "progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);"; title.style.opacity = "0.75";//透明 //title.style.border="1px solid " + bordercolor;//边框 title.style.height = "25px";//高度 title.style.font = "12px Verdana, Geneva, Arial, Helvetica, sans-serif";//字体属性 //title.style.color = "red";//文字颜色 title.style.cursor = "move";//鼠标样式 $.ajax({ type:"post", url:"ShowDetail?Cno="+Cno, dataType:"json", success:function(data){ },error:function(){ alert("请求出错"); }}); title.innerHTML="<table border='0' width='100%'><tr><td align='center'>收银小票单</td><td align=\"right\"><a href='#' onclick='closeDiv()'>关闭</a></td></tr><tr><td align='center'>时间:</td></tr><tr><td align='left'>三得利青柠水</td></tr></table>"; msgObj.appendChild(title);//在提示框中增加标题 } //添加关闭功能 function closeDiv() { var msgTitelObject = document.getElementById("msgDiv"); document.body.removeChild(msgTitelObject); var bgObj = document.getElementById("bgObj"); document.body.removeChild(bgObj); } </script> </head> <body> <ul class="iptgroup"> <li>开始日期:</li> <li><input type="text" readonly="readonly" class="doubledate ipticon"/></li> <li style="width:20px;"></li> <li>结束日期:</li> <li><input type="text" readonly="readonly" class="doubledate ipticon"/></li> </ul> <form action="FF" method="get" name="myform" id="myform"> <div class="upleft"><img src="image/tu4.gif" width="130" height="130" border="0" /></div> <div class="upright"><br><br><br><center><font face="楷体"color="#000000" size=5><strong>您的消费账单:</strong></font></center></div> <div class="center"> ……………………………………………………………………………… </table> </div> </form> </body> </html> ```

菜鸟JS不会,希望帮忙。。

[b]这段代码只实现了选项卡切换的功能,现在想在第二个按钮上也是就规划工程库上做个2级菜单,然后点击2级菜单在进行窗体的切换。。希望大哥们帮忙指点~[/b] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>井底的蛙</title> <script type="text/javascript"> /* 选项卡封装 by 井底的蛙 2008-2-4 */ opCard = function() { this.bind = new Array(); this.index = 0; //默认显示哪个选项卡,从0开始 this.style = new Array(); //["","",""] this.overStyle = false; //选项是否有over, out变换样式事件,样式为this.style[2] this.overChange = false; //内容是否用over, out直接激活 this.menu = false; //菜单类型 this.nesting = [false,false,"",""]; //是否嵌套,后面2个参数是指定menu,info的子集深度所用id this.auto = [false, 1000]; //自动滚动[true,2000] this.timerID = null; //自动播放的 this.menutimerID = null; //菜单延时的 this.creat = function(func) { var _arrMenu = document.getElementById(this.bind[0]).getElementsByTagName(this.bind[1]); var _arrInfo = document.getElementById(this.bind[2]).getElementsByTagName(this.bind[3]); var my = this, i; var argLen = arguments.length; var arrM = new Array(); if(this.nesting[0] || this.nesting[1]) // 有选项卡嵌套 { // 过滤出需要的数据 var arrMenu = this.nesting[0]?getChilds(_arrMenu,this.bind[0],2):_arrMenu; var arrInfo = this.nesting[1]?getChilds(_arrInfo,this.bind[2],3):_arrInfo; } else { var arrMenu = _arrMenu; var arrInfo = _arrInfo; } var l = arrMenu.length; //if(l!=arrInfo.length){alert("菜单和内容必须拥有相同的数量\n如果需要,你可以放一个空的在那占位。")} // 修正 if(this.menu){this.auto=false;this.overChange=true;} //如果是菜单,则没有自动运行,有over, out直接激活 // 循环添加各个事件等 for(i=0;i<l;i++) { arrMenu[i].cName = arrMenu[i].className; arrMenu[i].className = (i!=this.index || this.menu)?getClass(arrMenu[i],this.style[0]):getClass(arrMenu[i],this.style[1]); //加载样式,菜单的话统一样式 if(arrMenu[i].getAttribute("skip")) // 需要跳过的容器 { if(this.overStyle || this.overChange) // 有over, out 改变样式 或者 激活 { arrMenu[i].onmouseover = function(){changeTitle(this, 2);autoStop(this, 0);} arrMenu[i].onmouseout = function(){changeTitle(this, 0);autoStop(this, 1);} } arrMenu[i].onclick = function(){if(argLen==1){func()}} arrInfo[i].style.display = "none"; continue; } if(i!=this.index || this.menu){arrInfo[i].style.display="none"}; //隐藏初始化,菜单的话全部隐藏 arrMenu[i].index = i; //记录自己激活值[序号] arrInfo[i].index = i; if(this.overChange) //有鼠标over, out事件 { arrMenu[i].onmouseover = function(){changeOption(this);my.menu?changeMenu(1):autoStop(this, 0);} arrMenu[i].onmouseout = function(){changeOption(this);my.menu?changeMenu(0):autoStop(this, 1);} } else //onclick触发 { arrMenu[i].onclick = function(){changeOption(this);autoStop(this, 0);if(argLen==1){func()}} if(this.overStyle) // 有over, out 改变样式 { arrMenu[i].onmouseover = function(){changeTitle(this, 2);autoStop(this, 0);} arrMenu[i].onmouseout = function(){changeTitle(this, 0);autoStop(this, 1);} } else // 没有over, out 改变样式 { if(this.auto[0]) // 有自动运行 { arrMenu[i].onmouseover = function(){autoStop(this, 0);} arrMenu[i].onmouseout = function(){autoStop(this, 1);} } } } if(this.auto[0] || this.menu) //arrinfo 控制自动播放 { arrInfo[i].onmouseover = function(){my.menu?changeMenu(1):autoStop(this, 0);} arrInfo[i].onmouseout = function(){my.menu?changeMenu(0):autoStop(this, 1);} } } //for结束 if(this.auto[0]) { this.timerID = setTimeout(autoMove,this.auto[1]) } // 自动播放 function autoMove() { var n; n = my.index + 1; if(n==l){n=0}; while(arrMenu[n].getAttribute("skip")) // 需要跳过的容器 { n += 1; if(n==l){n=0}; } changeOption(arrMenu[n]); my.timerID = setTimeout(autoMove,my.auto[1]); } // onmouseover时,自动播放停止。num:0为over,1为out。 obj暂时无用。 -_-!! function autoStop(obj, num) { if(!my.auto[0]){return;} //if(obj.index==my.index) num == 0 ? clearTimeout(my.timerID) : my.timerID = setTimeout(autoMove,my.auto[1]); } // 改变选项卡 function changeOption(obj) { arrMenu[my.index].className = getClass(arrMenu[my.index],my.style[0]); //修改旧内容 arrInfo[my.index].style.display = "none"; //隐藏旧内容 obj.className = getClass(obj,my.style[1]); //修改为新样式 arrInfo[obj.index].style.display = ""; //显示新内容 my.index = obj.index; //更新当前选择的index } /* 只有onclick时,overStyle的onmouseover,onmouseout事件。用来预激活 obj:目标对象。 num:1为over,0为out */ function changeTitle(obj, num) { if(!my.overStyle){return;}; if(obj.index!=my.index){obj.className = getClass(obj,my.style[num])} } /* 菜单类型时用 obj:目标对象。 num:1为over,0为out */ function changeMenu(num) { if(!my.menu){return;} num==0?my.menutimerID = setTimeout(menuClose,1000):clearTimeout(my.menutimerID) } //关闭菜单 function menuClose() { arrInfo[my.index].style.display = "none"; arrMenu[my.index].className = getClass(arrMenu[my.index],my.style[0]); } // 得到className(防止将原有样式覆盖) function getClass(o, s) { if(o.cName==""){return s} else{return o.cName + " " + s} } //嵌套情况下得到真正的子集 function getChilds(arrObj, id, num) { var depth = 0; var firstObj = my.nesting[num]==""?arrObj[0]:document.getElementById(my.nesting[num]); //得到第一个子集 do //计算深度 { if(firstObj.parentNode.getAttribute("id")==id){break}else{depth+=1} firstObj = firstObj.parentNode; } while(firstObj.tagName.toLowerCase()!="body") // body强制退出。 var t; var arr = new Array(); for(i=0;i<arrObj.length;i++) //过滤出需要的数据 { t = arrObj[i], d = 0; do { if(t.parentNode.getAttribute("id")==id && d == depth) { arr.push(arrObj[i]);break; //得到数据 } else { if(d==depth){break};d+=1; } t = t.parentNode; } while(t.tagName.toLowerCase()!="body") // body强制退出 } return arr; } } } window.onload = function() { // 默认的onclick中,第一个例子 var bba = new opCard(); bba.bind = ["a2","li","b2","div","c2","div"]; bba.style = ["style1","style2","style3"]; bba.overStyle = true; bba.creat(); bba = null; //菜单导航例子 var gg = new opCard(); gg.bind = ["a8","li","b8","div"]; gg.style = ["style1","style2","style3"]; gg.overStyle = true; gg.menu = true; gg.creat(); gg = null; } </script> <style type="text/css"> body{font-size:12px; font-family:Verdana,"宋体";} p,ul{margin:0px; padding:0px;} td,div{font-size:12px} .a1_0 {border:1px dotted #3399FF; width:120px; background-color:#f5f5f5; margin:3px; padding:2px 0px; cursor:pointer;} .a1_1 {border:1px solid #FF9900; width:120px; margin:3px; padding:2px 0px; cursor:pointer;} .test{text-decoration:underline;} #b1 div.s{border:1px solid #999999; width:90%; height:500px; margin:3px; padding:10px; overflow-y:auto; line-height:18px;} #b1 div.s strong{color:#0066FF;} /* */ .style1{float:left; width:80px; background-color:#f5f5f5; border:1px solid #3399FF; text-align:center; margin-right:2px; list-style-type:none; cursor:pointer;} .style2{float:left; width:80px; background-color:#f5f5f5; border:1px solid #FF9900; text-align:center; margin-right:2px; list-style-type:none; cursor:pointer;} .style3{float:left; width:80px; background-color:#f5f5f5; border:1px solid #666666; text-align:center; margin-right:2px; list-style-type:none; cursor:pointer;} #a2,#a3,#a4,#a5,#a6,#a7,#a8 {height:22px;} #b2 div,#b3 div,#b4 div,#b5 div,#b6 div,#b7 div{border:1px solid #FF9900; height:100px; width:400px; padding:5px; overflow-y:auto;} #b8 div{border:1px solid #FF9900; height:20px; width:350px; padding:2px 5px;} #b8 div a{margin-right:20px;} .style4{float:left; background-color:#999999; text-align:left; list-style-type:none; padding:2px 5px; color:#FFFFFF;} </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td id="b1" valign="top"> <div class="s"> <!--默认的onclick中,第一个例子--> <div id="a2" style="width: 297px"> <ul> <li>规划报告</li> <li>规划工程库</li> <li>工程专题</li></ul> </div> <div id="b2"> <div style="width: 1080px; height: 412px;"> 456 </div> <div style="width: 1080px; height: 412px;"> var bba = new opCard();<br> bba.bind = ["a2","li","b2","div"];<br> bba.style = ["style1","style2","style1"];<br> bba.overStyle = true;<br> bba.creat();<br> bba = null; </div> <div style="width: 1080px; height: 412px;">33333</div> </div> </div> </td> </tr> </table> </body> </html>

在ie 7或ie 6里如何让超出td宽度的内容浮动显示在后面的td里

<pre name="code" class="html">&lt;html&gt; &lt;body style="font:16px Arial;"&gt; &lt;style type="text/css"&gt; .table { border-collapse: collapse; table-layout: fixed; font: normal 11px arial; } .row { height:25px; } .cell { background-color:#ECF4FE; font-family:Arial,Verdana,sans-serif; font-size: 11px; border-bottom-width: 1px; border-bottom-color: #ECF4FE; border-bottom-style: dotted; border-top: none; border-left: 1px solid #EC0000; border-right: 1px solid #EC0000; vertical-align: middle; padding-left: 3px; padding-right: 3px; } &lt;/style&gt; &lt;div style="width: 250px"&gt; &lt;table width="100%" class="table"&gt; &lt;tr class="row"&gt; &lt;td class="cell"&gt; &lt;div style="white-space:nowrap;"&gt;Text Text Text Text Text Text Text Text&lt;/div&gt; &lt;/td&gt; &lt;td class="cell"&gt; &lt;/td&gt; &lt;td class="cell"&gt; &lt;/td&gt; &lt;td class="cell"&gt; &lt;/td&gt; &lt;td class="cell"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</pre> <p> </p> <p> 如题和上述代码,在ie7标准模式下。</p> <p> </p> <p><span style="font-size: small;">情形一:</span></p> <p><span style="white-space: pre;"> </span>如果表格上面有 <span style="white-space: pre; background-color: #fafafa;">table-layout: fixed; 这个样式,上述代码在页面上显示的效果是</span></p> <p><img src="/problems/C:%5CDocuments%20and%20Settings%5Cfelix_li%5CDesktop" alt=""></p> <p><img src="http://dl.iteye.com/upload/attachment/561033/18d689de-63e4-3dcd-a322-b933f5cff09c.jpg" alt=""></p> <div><br></div> <div> <p><span style="font-size: small;">情形二:</span></p> <p><span style="white-space: pre;"> </span>如果表格上面没有 <span style="white-space: pre; background-color: #fafafa;">table-layout: fixed; 这个样式,上述代码在页面上显示的效果是</span></p> <p><br><img src="http://dl.iteye.com/upload/attachment/561035/758bb8fa-f43a-3042-a532-5ca2ddefe925.jpg" alt=""><br> 很显然这两种结果都不理想。</p> <p>在我现在的需求里,限于总体设计的因素,table标签上的<span style="white-space: pre; background-color: #fafafa;">table-layout: fixed;</span> 是必须要有的。但是我又需要把单元格里超出单元格的那些内容浮动显示在它后面的各个单元格里,不能像情形二里那样直接把第一个单元格拉宽。理想效果如下</p> <p><br><img src="http://dl.iteye.com/upload/attachment/561037/27865694-4a5c-3b07-ace2-301a9bc9e1ce.jpg" alt=""><br> 上面的理想效果目前在IE 8,Firefox,Chrome,Safari,Opera这几款浏览器里都实现了,就差ie 7,也许还有ie 6。</p> <p><span><br></span></p> <p><span>忘好心人指点。</span></p> </div>

2019 AI开发者大会

2019 AI开发者大会(AI ProCon 2019)是由中国IT社区CSDN主办的AI技术与产业年度盛会。多年经验淬炼,如今蓄势待发:2019年9月6-7日,大会将有近百位中美顶尖AI专家、知名企业代表以及千余名AI开发者齐聚北京,进行技术解读和产业论证。我们不空谈口号,只谈技术,诚挚邀请AI业内人士一起共铸人工智能新篇章!

实现简单的文件系统

实验内容: 通过对具体的文件存储空间的管理、文件的物理结构、目录结构和文件操作的实现,加深对文件系统内部功能和实现过程的理解。 要求: 1.在内存中开辟一个虚拟磁盘空间作为文件存储器,在其上实现一个简

MIPS单周期CPU-组成原理实验-华中科技大学

使用logisim布线完成的MIPS单周期CPU,可支持28条指令。跑马灯的代码已经装入了寄存器,可以直接开启时钟运行。

2019数学建模A题高压油管的压力控制 省一论文即代码

2019数学建模A题高压油管的压力控制省一完整论文即详细C++和Matlab代码,希望对同学们有所帮助

基于QT和OpenCV的五子棋实现源码

一个简单的五子棋应用,基于QT和OpenCV的实现源码,通过相邻棋子判断是否获胜,不包含人工智能算法,适合新手入门

Git 实用技巧

这几年越来越多的开发团队使用了Git,掌握Git的使用已经越来越重要,已经是一个开发者必备的一项技能;但很多人在刚开始学习Git的时候会遇到很多疑问,比如之前使用过SVN的开发者想不通Git提交代码为什么需要先commit然后再去push,而不是一条命令一次性搞定; 更多的开发者对Git已经入门,不过在遇到一些代码冲突、需要恢复Git代码时候就不知所措,这个时候哪些对 Git掌握得比较好的少数人,就像团队中的神一样,在队友遇到 Git 相关的问题的时候用各种流利的操作来帮助队友于水火。 我去年刚加入新团队,发现一些同事对Git的常规操作没太大问题,但对Git的理解还是比较生疏,比如说分支和分支之间的关联关系、合并代码时候的冲突解决、提交代码前未拉取新代码导致冲突问题的处理等,我在协助处理这些问题的时候也记录各种问题的解决办法,希望整理后通过教程帮助到更多对Git操作进阶的开发者。 本期教程学习方法分为“掌握基础——稳步进阶——熟悉协作”三个层次。从掌握基础的 Git的推送和拉取开始,以案例进行演示,分析每一个步骤的操作方式和原理,从理解Git 工具的操作到学会代码存储结构、演示不同场景下Git遇到问题的不同处理方案。循序渐进让同学们掌握Git工具在团队协作中的整体协作流程。 在教程中会通过大量案例进行分析,案例会模拟在工作中遇到的问题,从最基础的代码提交和拉取、代码冲突解决、代码仓库的数据维护、Git服务端搭建等。为了让同学们容易理解,对Git简单易懂,文章中详细记录了详细的操作步骤,提供大量演示截图和解析。在教程的最后部分,会从提升团队整体效率的角度对Git工具进行讲解,包括规范操作、Gitlab的搭建、钩子事件的应用等。 为了让同学们可以利用碎片化时间来灵活学习,在教程文章中大程度降低了上下文的依赖,让大家可以在工作之余进行学习与实战,并同时掌握里面涉及的Git不常见操作的相关知识,理解Git工具在工作遇到的问题解决思路和方法,相信一定会对大家的前端技能进阶大有帮助。

实用主义学Python(小白也容易上手的Python实用案例)

原价169,限时立减100元! 系统掌握Python核心语法16点,轻松应对工作中80%以上的Python使用场景! 69元=72讲+源码+社群答疑+讲师社群分享会&nbsp; 【哪些人适合学习这门课程?】 1)大学生,平时只学习了Python理论,并未接触Python实战问题; 2)对Python实用技能掌握薄弱的人,自动化、爬虫、数据分析能让你快速提高工作效率; 3)想学习新技术,如:人工智能、机器学习、深度学习等,这门课程是你的必修课程; 4)想修炼更好的编程内功,优秀的工程师肯定不能只会一门语言,Python语言功能强大、使用高效、简单易学。 【超实用技能】 从零开始 自动生成工作周报 职场升级 豆瓣电影数据爬取 实用案例 奥运冠军数据分析 自动化办公:通过Python自动化分析Excel数据并自动操作Word文档,最终获得一份基于Excel表格的数据分析报告。 豆瓣电影爬虫:通过Python自动爬取豆瓣电影信息并将电影图片保存到本地。 奥运会数据分析实战 简介:通过Python分析120年间奥运会的数据,从不同角度入手分析,从而得出一些有趣的结论。 【超人气老师】 二两 中国人工智能协会高级会员 生成对抗神经网络研究者 《深入浅出生成对抗网络:原理剖析与TensorFlow实现》一书作者 阿里云大学云学院导师 前大型游戏公司后端工程师 【超丰富实用案例】 0)图片背景去除案例 1)自动生成工作周报案例 2)豆瓣电影数据爬取案例 3)奥运会数据分析案例 4)自动处理邮件案例 5)github信息爬取/更新提醒案例 6)B站百大UP信息爬取与分析案例 7)构建自己的论文网站案例

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

C/C++跨平台研发从基础到高阶实战系列套餐

一 专题从基础的C语言核心到c++ 和stl完成基础强化; 二 再到数据结构,设计模式完成专业计算机技能强化; 三 通过跨平台网络编程,linux编程,qt界面编程,mfc编程,windows编程,c++与lua联合编程来完成应用强化 四 最后通过基于ffmpeg的音视频播放器,直播推流,屏幕录像,

三个项目玩转深度学习(附1G源码)

从事大数据与人工智能开发与实践约十年,钱老师亲自见证了大数据行业的发展与人工智能的从冷到热。事实证明,计算机技术的发展,算力突破,海量数据,机器人技术等,开启了第四次工业革命的序章。深度学习图像分类一直是人工智能的经典任务,是智慧零售、安防、无人驾驶等机器视觉应用领域的核心技术之一,掌握图像分类技术是机器视觉学习的重中之重。针对现有线上学习的特点与实际需求,我们开发了人工智能案例实战系列课程。打造:以项目案例实践为驱动的课程学习方式,覆盖了智能零售,智慧交通等常见领域,通过基础学习、项目案例实践、社群答疑,三维立体的方式,打造最好的学习效果。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

Python界面版学生管理系统

前不久上传了一个控制台版本的学生管理系统,这个是Python界面版学生管理系统,这个是使用pycharm开发的一个有界面的学生管理系统,基本的增删改查,里面又演示视频和完整代码,有需要的伙伴可以自行下

Vue.js 2.0之全家桶系列视频课程

基于新的Vue.js 2.3版本, 目前新全的Vue.js教学视频,让你少走弯路,直达技术前沿! 1. 包含Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等) 2. 采用笔记+代码案例的形式讲解,通俗易懂

linux“开发工具三剑客”速成攻略

工欲善其事,必先利其器。Vim+Git+Makefile是Linux环境下嵌入式开发常用的工具。本专题主要面向初次接触Linux的新手,熟练掌握工作中常用的工具,在以后的学习和工作中提高效率。

JAVA初级工程师面试36问(完结)

第三十一问: 说一下线程中sleep()和wait()区别? 1 . sleep()是让正在执行的线程主动让出CPU,当时间到了,在回到自己的线程让程序运行。但是它并没有释放同步资源锁只是让出。 2.wait()是让当前线程暂时退让出同步资源锁,让其他线程来获取到这个同步资源在调用notify()方法,才会让其解除wait状态,再次参与抢资源。 3. sleep()方法可以在任何地方使用,而wait()只能在同步方法或同步块使用。 ...

java jdk 8 帮助文档 中文 文档 chm 谷歌翻译

JDK1.8 API 中文谷歌翻译版 java帮助文档 JDK API java 帮助文档 谷歌翻译 JDK1.8 API 中文 谷歌翻译版 java帮助文档 Java最新帮助文档 本帮助文档是使用谷

我以为我对Mysql事务很熟,直到我遇到了阿里面试官

太惨了,面试又被吊打

智鼎(附答案).zip

并不是完整题库,但是有智鼎在线2019年9、10、11三个月的试题,有十七套以上题目,普通的网申行测题足以对付,可以在做题时自己总结一些规律,都不是很难

Visual Assist X 破解补丁

vs a's'sixt插件 支持vs2008-vs2019 亲测可以破解,希望可以帮助到大家

150讲轻松搞定Python网络爬虫

【为什么学爬虫?】 &nbsp; &nbsp; &nbsp; &nbsp;1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到! &nbsp; &nbsp; &nbsp; &nbsp;2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站 【课程设计】 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: 网络请求:模拟浏览器的行为从网上抓取数据。 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 &nbsp; 从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! 【课程服务】 专属付费社群+每周三讨论会+1v1答疑

JavaWEB商城项目(包括数据库)

功能描述:包括用户的登录注册,以及个人资料的修改.商品的分类展示,详情,加入购物车,生成订单,到银行支付等!另外还有收货地址的和我的收藏等常用操作.环境(JDK 1.7 ,mysql 5.5,Ecli

Python数据挖掘简易入门

&nbsp; &nbsp; &nbsp; &nbsp; 本课程为Python数据挖掘方向的入门课程,课程主要以真实数据为基础,详细介绍数据挖掘入门的流程和使用Python实现pandas与numpy在数据挖掘方向的运用,并深入学习如何运用scikit-learn调用常用的数据挖掘算法解决数据挖掘问题,为进一步深入学习数据挖掘打下扎实的基础。

一学即懂的计算机视觉(第一季)

图像处理和计算机视觉的课程大家已经看过很多,但总有“听不透”,“用不了”的感觉。课程致力于创建人人都能听的懂的计算机视觉,通过生动、细腻的讲解配合实战演练,让学生真正学懂、用会。 【超实用课程内容】 课程内容分为三篇,包括视觉系统构成,图像处理基础,特征提取与描述,运动跟踪,位姿估计,三维重构等内容。课程理论与实战结合,注重教学内容的可视化和工程实践,为人工智能视觉研发及算法工程师等相关高薪职位就业打下坚实基础。 【课程如何观看?】 PC端:https://edu.csdn.net/course/detail/26281 移动端:CSDN 学院APP(注意不是CSDN APP哦) 本课程为录播课,课程2年有效观看时长,但是大家可以抓紧时间学习后一起讨论哦~ 【学员专享增值服务】 源码开放 课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化 下载方式:电脑登录https://edu.csdn.net/course/detail/26281,点击右下方课程资料、代码、课件等打包下载

软件测试2小时入门

本课程内容系统、全面、简洁、通俗易懂,通过2个多小时的介绍,让大家对软件测试有个系统的理解和认识,具备基本的软件测试理论基础。 主要内容分为5个部分: 1 软件测试概述,了解测试是什么、测试的对象、原则、流程、方法、模型;&nbsp; 2.常用的黑盒测试用例设计方法及示例演示;&nbsp; 3 常用白盒测试用例设计方法及示例演示;&nbsp; 4.自动化测试优缺点、使用范围及示例‘;&nbsp; 5.测试经验谈。

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

课程主要面向嵌入式Linux初学者、工程师、学生 主要从一下几方面进行讲解: 1.linux学习路线、基本命令、高级命令 2.shell、vi及vim入门讲解 3.软件安装下载、NFS、Samba、FTP等服务器配置及使用

2019 Python开发者日-培训

本次活动将秉承“只讲技术,拒绝空谈”的理念,邀请十余位身处一线的Python技术专家,重点围绕Web开发、自动化运维、数据分析、人工智能等技术模块,分享真实生产环境中使用Python应对IT挑战的真知灼见。此外,针对不同层次的开发者,大会还安排了深度培训实操环节,为开发者们带来更多深度实战的机会。

快速入门Android开发 视频 教程 android studio

这是一门快速入门Android开发课程,顾名思义是让大家能快速入门Android开发。 学完能让你学会如下知识点: Android的发展历程 搭建Java开发环境 搭建Android开发环境 Android Studio基础使用方法 Android Studio创建项目 项目运行到模拟器 项目运行到真实手机 Android中常用控件 排查开发中的错误 Android中请求网络 常用Android开发命令 快速入门Gradle构建系统 项目实战:看美图 常用Android Studio使用技巧 项目签名打包 如何上架市场

机器学习初学者必会的案例精讲

通过六个实际的编码项目,带领同学入门人工智能。这些项目涉及机器学习(回归,分类,聚类),深度学习(神经网络),底层数学算法,Weka数据挖掘,利用Git开源项目实战等。

4小时玩转微信小程序——基础入门与微信支付实战

这是一个门针对零基础学员学习微信小程序开发的视频教学课程。课程采用腾讯官方文档作为教程的唯一技术资料来源。杜绝网络上质量良莠不齐的资料给学员学习带来的障碍。 视频课程按照开发工具的下载、安装、使用、程序结构、视图层、逻辑层、微信小程序等几个部分组织课程,详细讲解整个小程序的开发过程

YOLOv3目标检测实战系列课程

《YOLOv3目标检测实战系列课程》旨在帮助大家掌握YOLOv3目标检测的训练、原理、源码与网络模型改进方法。 本课程的YOLOv3使用原作darknet(c语言编写),在Ubuntu系统上做项目演示。 本系列课程包括三门课: (1)《YOLOv3目标检测实战:训练自己的数据集》 包括:安装darknet、给自己的数据集打标签、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算和画出PR曲线)和先验框聚类。 (2)《YOLOv3目标检测:原理与源码解析》讲解YOLOv1、YOLOv2、YOLOv3的原理、程序流程并解析各层的源码。 (3)《YOLOv3目标检测:网络模型改进方法》讲解YOLOv3的改进方法,包括改进1:不显示指定类别目标的方法 (增加功能) ;改进2:合并BN层到卷积层 (加快推理速度) ; 改进3:使用GIoU指标和损失函数 (提高检测精度) ;改进4:tiny YOLOv3 (简化网络模型)并介绍 AlexeyAB/darknet项目。

Qt5 局域网通信软件(模仿QQ)

采用Qt5进行开发的局域网通信客户端+Server,界面模仿QQ的界面,聊天界面采用QWidget绘制的气泡!

Python数据清洗实战入门

本次课程主要以真实的电商数据为基础,通过Python详细的介绍了数据分析中的数据清洗阶段各种技巧和方法。

相关热词 c# 不能序列化继承类 c# char* 调用 c# 开发dll模板 c#添加控件到工具箱 c#控制台组合数 编程计算猴子吃桃问题c# c# wpf 背景透明 随机抽取号码软件c# c# 开发环境 c# 属性和字段
立即提问