为啥li中的背景图片显示不出来

代码如下:

 <style type="text/css">
            #topnav{
                height:36px;
                background-color:silver;
                border: 1px solid seagreen;
            }
            #topnav ul{
                /*line-height:30px;*/
                margin: 5px;
                padding: 0px;
                border-bottom: solid;
                border-bottom-width: 2px;
                border-bottom-color: darkgreen;
                float :left;


            }
            #topnav li{
                float: left;
                padding: 4px;
                list-style-type: none;/*去掉列表默认样式符号*/
                width: 62px;/*主要是设置宽度,这样li宽度固定了才不会导致大小不一*/
                height:20px;
                text-align: center;
                margin: 0px 0px 0px 5px;
                background-image: url (nav/picture/normal.jpg);
                background-repeat:no-repeat;
               /*_zoom:1;*/
            }
            #topnav li a{
                font-family:arial;
                text-decoration:none;/*超链接的下划线去掉*/    
            }

            #topnav li#select {
                background-image: url (nav/picture/select.gif);
                background-repeat :no-repeat;
            }
        </style>
    </head>
    <body>
        <div id ="topnav">
        <ul>
            <li id="select"><a href ="#">jlajla</a></li>
            <li><a href ="#">jlajla</a></li>
            <li><a href ="#">jlajla</a></li>
            <li><a href ="#">jlajla</a></li>
        </ul>
        </div>

    </body>
</html>

1个回答

不要有空格,怎么老喜欢打空格,而且乱采纳自己的


                background-image: url(nav/picture/normal.jpg);
                background-image: url(nav/picture/select.gif);
baidu_34197758
小小笔记 (⊙o⊙)…这不是手误嘛。。。
接近 4 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
为什么页面背景图片在电脑上能显示但是在手机上却显示不出?
#mylotterylist li { min-height: 140px; /*margin-top: 20px; padding-top: 20px;*/ /*padding-left: 12%;*/ list-style: none; cursor: pointer; background: url(../img/listbg.png) repeat-x; } 这里我为<li>设置了背景图片,然后在建立了html文件, 在电脑上面li的背景都可以显示出来,但是在手机上面有些li的背景就显示不出来了?请问这是什么原因?
CSS无法正确显示背景图片
css: ul.menu{font-size:22px}ul.menu li{display:inline; list-style:none;} ul.menu li.menu_left{background:#FFF url(../../image/menu_left.png) no-repeat; width:17px; height:40px;} ul.menu li.menu_middle{background:#fff url(../../image/menu_middle.png) repeat-x; width:200px; height:40px;} ul.menu li.menu_right{background:#fff url(../../image/menu_right.png) no-repeat; width:17px; height:40px;} html: <ul class="menu"> <li class="menu_left"></li> <li class="menu_middle">首页</li> <li class="menu_middle">硬件DIY</li> <li class="menu_middle">硬件DIY</li> <li class="menu_middle">硬件DIY</li> <li class="menu_middle">硬件DIY</li> <li class="menu_middle">硬件DIY</li> <li class="menu_right"></li> </ul> 图片可以显示,但是宽高无法按照设定的值显示,如果有文字,他会显示文字和部分背景,如果没有文字,他就全部不显示了,我用的是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这个模式,发现将他删了就可以正常显示,但是这个是规定不能删的,请问我的CSS代码要怎么改?
请教: thinkphp5 静态文件夹下的js文件 ,关于 背景图片地址 url 问题
1.静态网页上写的一级导航li hover 时,显示新的div,并将该div里的其中一个div的背景图修改,在静态页面下是正常的,代码如下: $('#wxsan').hover(function(){ $('.fudongding').css('background-image','url(img/fdding0.png)'); $('#wxsan_neirong').toggle(); }); $('#wxsan_neirong').mouseenter(function(){ $('#wxsan_neirong').toggle(); }); 2.移植到TP框架后,img,css,js文件,都放在项目static\qianduan\下了, program\public\static\qianduan\js, program\public\static\qianduan\css, program\public\static\qianduan\img, (jq.min.js也引用了)。 3.问题是 http://localhost/program/public/static/qianduan/img/001.png(能正常显示前端的图片链接); js操作:(鼠标经过,新div显示且里面的背景图变化) http://localhost/program/public/index.php/qianduan/img/fdding0.png (url错误,图片找不着) 怎么修改js文件,才能正常?请教大师指点!
hover后样式不消失的问题
![图片说明](https://img-ask.csdn.net/upload/201705/11/1494482243_600805.png) ![图片说明](https://img-ask.csdn.net/upload/201705/11/1494482257_581934.png) ![图片说明](https://img-ask.csdn.net/upload/201705/11/1494482265_540607.png) 代码 <li> <span>1</span></li> 如图所示 span标签hover上去显示灰色背景,点击Li标签增添红色背景颜色盒子消失 但是会偶尔出现:点击li标签 日期盒子隐藏,再显示这个日期盒子的时候span标签的灰色背景有时候仍然存在,需要鼠标再划过span标签span的背景颜色才能取消。这个问题是偶尔出现的,有可能是点击li标签后整个盒子直接消失的缘故导致span标签hover时的样式没有取消,再次显现的时候仍然存在,这个问题该怎么解决呢
bootstrap3的轮播图设置div背景图检查发现url(undefind)导致无法加载图片,什么原因?
# bootstrap3的轮播图设置div背景图检查发现url(undefind)导致无法加载图片,什么原因? ##描述 使用bootsrtap3给页面添加轮播图,给轮播的元素是 ``` <div class="item" style="background-image: url('img/slide_04_2000x410.jpg');"></div> ``` 但是在chrome和opera浏览器中打开显示不了图片,检查元素发现元素变成了 ``` <div class="item" style="background-image: url("undefined");"></div> ``` 但是在Firefox中能够正常显示图片,检查元素也和想象的一样 ##代码 HTML代码 ```html <!--广告轮播--> <section id="main_ad" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#main_ad" data-slide-to="0" class="active"></li> <li data-target="#main_ad" data-slide-to="1"></li> <li data-target="#main_ad" data-slide-to="2"></li> <li data-target="#main_ad" data-slide-to="3"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active" style="background-image: url('img/slide_01_2000x410.jpg');"></div> <div class="item" style="background-image: url('img/slide_02_2000x410.jpg');"></div> <div class="item" style="background-image: url('img/slide_03_2000x410.jpg');"></div> <div class="item" style="background-image: url('img/slide_04_2000x410.jpg');"></div> </div> <!-- Controls --> <a class="left carousel-control" href="#main_ad" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#main_ad" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </section> <!--/广告轮播--> ``` css代码 ```css #main_ad{ } #main_ad > .carousel-inner > .item{ height: 410px; background-position: center center; background-repeat: no-repeat; background-size: cover; } ``` ##截图 代码截图 ![图片说明](https://img-ask.csdn.net/upload/201902/23/1550892246_940063.jpg) chrome的截图 ![图片说明](https://img-ask.csdn.net/upload/201902/23/1550892006_156210.jpg) Firefox的截图 ![图片说明](https://img-ask.csdn.net/upload/201902/23/1550892336_145547.jpg) ## 补充 后面发现<section>的id为'main_ad'时会出现这个问题。改成其他名字就不会出现这个问题。怀疑因为过滤广告的原因使页面不能正常访问。但是我已经把过滤广告的插件给关闭了。还是会出现这个情况,后来直接重装浏览器,也不能解决。觉得可能是浏览器默认的广告过滤功能在搞怪
mui框架中的九宫格的背景颜色怎么在自己的css中改变?改了没有效果呀?
## mui框架中的九宫格的背景颜色怎么在自己的css中改变?改了没有效果呀?还有就是新人礼券的部分有一个100元怎么才能显示出来 ``` <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link href="../css/mui.min.css" rel="stylesheet" /> <link rel="stylesheet" type="text/css" href="../初始化css.css"/> <link rel="stylesheet" type="text/css" href="1首页.css"/> <script type="text/javascript" src="../jquery-ui-1.12.1.custom/jquery-3.1.1.min.js" ></script> <script src="1首页.js" type="text/javascript"></script> </head> <body> <!--头部标题栏--> <header class="mui-bar mui-bar-nav bg"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1 class="mui-title">订蛋糕</h1> <a class="mui-icon mui-icon-more shezhi"></a> </header> <!--内容--> <div class="mui-content bg"> <!--轮播图--> <div id="slider" class="mui-slider" > <div class="mui-slider-group mui-slider-loop"> <div class="mui-slider-item mui-slider-item-duplicate"> <a href="#"> <img src="../img/banner4.png"> </a> </div> <div class="mui-slider-item"> <a href="#"> <img src="../img/banner1.png"> </a> </div> <div class="mui-slider-item"> <a href="#"> <img src="../img/banner3.png"> </a> </div> <div class="mui-slider-item"> <a href="#"> <img src="../img/banner4.png"> </a> </div> <div class="mui-slider-item mui-slider-item-duplicate"> <a href="#"> <img src="../img/banner1.png"> </a> </div> </div> </div> <!--搜索--> <div class="mui-row"> <div class="mui-col-sm-3 sousuo-size3"> <button class="mui-btn btn"> <span class="mui-icon mui-icon-location"></span> 北京 </button> </div> <div class="mui-col-sm-9 sousuo-size9"> <div class="mui-content-padded"> <div class="mui-input-row mui-search sousuo"> <input type="search" class="mui-input-clear mui-icon mui-icon-search" placeholder="输入搜索"> </div> </div> </div> </div> <!--导航--> <ul class="mui-table-view mui-grid-view mui-grid-9"> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/限时抢购.png"/></span> <div class="mui-media-body ">限时抢购</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/当天可达.png"/></span> <div class="mui-media-body">当天可达</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><span class="mui-badge">100元</span><img class="img" src="../img/新人礼券.png"/></span> <div class="mui-media-body">新人礼券</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/全部商品.png"/></span> <div class="mui-media-body">全部商品</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/水果蛋糕.png"/></span> <div class="mui-media-body">水果蛋糕</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/奶油蛋糕.png"/></span> <div class="mui-media-body">奶油蛋糕</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/创意蛋糕.png"/></span> <div class="mui-media-body">创意蛋糕</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/新品推荐.png"/></span> <div class="mui-media-body">新品推荐</div> </a> </li> </ul> <!--分隔行--> <div class="hang"></div> <!--品牌街--> <div class="brands"> <span class="text">品牌街</span> <span class="mui-icon mui-icon-arrowright tu"></span> </div> <!--横向滚动--> <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"> <div class="mui-scroll"> <a class="mui-active"> <img class="img-size" src="../img/E时三客.png"/> </a> <a class="a-size"> <img class="" src="../img/pinkme.png"/> </a> <a class="a-size"> <img class="" src="../img/七彩蛋糕.png"/> </a> <a class="a-size"> <img class="" src="../img/wink cake.png"/> </a> </div> </div> <!--行--> <div class="hang"></div> <!--商品--> <ul class="mui-table-view mui-grid-view"> <li class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <div class="brands-border"> <img class="mui-media-object" src="../img/产品1.png"> <div class="mui-media-body brands-text">挚爱</div> <p class="brand">黑天鹅</p> <p class="price">¥999</p> <span class="pingjia">309人评价</span> <span class="songda">最快4小时送达</span> </div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <div class="brands-border"> <img class="mui-media-object" src="../img/产品 2.png"> <div class="mui-media-body brands-text">甜蜜如心鲜奶蛋糕</div> <p class="brand">元祖食品</p> <p class="price">¥158</p> <span class="pingjia">3768人评价</span> <span class="songda">最快5小时送达</span> </div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <div class="brands-border"> <img class="mui-media-object" src="../img/产品 3.png"> <div class="mui-media-body brands-text">花澜甜心</div> <p class="brand">好利来</p> <p class="price">¥199</p> <span class="pingjia">578人评价</span> <span class="songda">最快4小时送达</span> </div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <div class="brands-border"> <img class="mui-media-object" src="../img/产品 4.png"> <div class="mui-media-body brands-text">裸蛋糕</div> <p class="brand">焙尔蒂</p> <p class="price">¥148</p> <span class="pingjia">新品上架</span> <span class="songda">最快5小时送达</span> </div> </a> </li> </ul> </div> <script src="../js/mui.min.js"></script> <script type="text/javascript"> mui.init({swipeBack:true});//启动右滑关闭功能 </script> </body> </html> ``` ``` /*搜索部分*/ .btn{ background-color: #f1f1f1; border-style:none ; margin-top: 10px; margin-left: 10px; border-radius:5px ; width: 100%; height: 34px; } .sousuo input{ background-color: #FFFFFF; border: solid 1px #7d7d7d; border-radius: 5px; width: 96%; margin-left: 10px; } .sousuo-size3{ width: 20%; } .sousuo-size9{ width: 80%; } /*九宫格导航部分*/ .img{ width: 100%; } /*品牌街部分*/ .text{ display: inline-block; width: 92%; text-align: center; padding-left: 24px; } .tu{ display: inline-block; width: 6%; } /*分隔行*/ .hang{ width: 100%; height: 10px; background-color: #f9f9f9; margin-bottom: 20px; } /*横向滚动*/ .img-size{ width: 25%; } /*商品*/ .brands-text{ text-align: left; font-family: "微软雅黑"; font-size: 26px; color: #333333; } .brands-border{ border: solid 1px #e5e5e5; } .brand{ font-size: 20px; font-family: "微软雅黑"; color: #666666; text-align: left; } .price{ font-family: "微软雅黑"; font-size: 24px; color: #ff3939; text-align: left; } .pingjia,.songda{ font-family: "微软雅黑"; font-size: 20px; color: #cccccc; text-align: left; } ![图片说明](https://img-ask.csdn.net/upload/201708/25/1503639179_671193.jpg) ```
HTML关于导航栏布局问题
``` <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>碧桂园官网</title> <style type="text/css"> *{margin:0 auto;} header{ /*整个导航栏的高度设定*/ width:100%; height:90px; background: red; } header>img{ /*logo的位置*/ width:200px; height:90px; margin-left:100px; } header>div>ul>li>a{ /*导航栏超链接中字体去下划线、加粗、颜色、间隔*/ text-decoration:none; color:#999; font-weight:bold; border-right:dotted thin; padding-right:10px; padding-left:10px; font-size:15px; } .header_nav{ /*整个导航栏的位置*/ width: 100%; display:inline; position:absolute; padding-top:40px; padding-left:300px; } .header_nav ul li{ /*ul去点和横向排列*/ list-style:none; display:inline; } .header_nav>ul>li>ul{ /*二级菜单位置、隐藏*/ position:absolute; padding-top: 40px; display: none; } .header_nav>ul>li>ul>li>a{ /*二级菜单样式*/ font-weight: bold; color: black; text-decoration: none; } .header_nav>ul>li:hover>ul{ /*鼠标经过时显示二级菜单*/ display: block; } </style> <header> <img src="logo.PNG" alt="logo"/> <div class="header_nav"> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于碧桂园</a> <ul> <li><a href="#">公司介绍</a></li> <li><a href="#">企业文化</a></li> </ul> </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> </header> </head> <body> </body> </html> ``` ![图片说明](https://img-ask.csdn.net/upload/201906/04/1559625035_544891.jpg) 我模仿碧桂园官网的导航栏自己做了一个 但是在布局那里出现了一个问题,CSS样式中header nav这个样式(我注释是整个导航栏的位置) 我用了width:100%的话,浏览器窗口缩小时导航栏时不会变的,但是在全屏时他右边会有一段空白,像图①那样 但是我如果不用width:100%的话,浏览器窗口缩小后导航栏就会被挤在浏览器边缘右边那里了,像图②那样。 请问应该要怎么设置才能让浏览器全屏的时候右边不会有空白,缩小后导航栏不会被挤在一堆。 还有我想做一个鼠标经过一级导航栏时会显示二级导航栏的功能,大佬们可以上百度搜以下碧桂园的官网看那个效果,我做了出来了,但是那个黑色透明背景我不会做,能指点以下吗?
想改变背景图片 总共有5张图片 问题出在url('img/bg'+n+'.jpg')
``` function changebg1(){ $(".changebg li").each(function(index){ $(this).click(function(){ var n=index+1; $("body").css("background-image","url('img/bg'+n+'.jpg')"); }) ``` 问题出在url('img/bg'+n+'.jpg') alert('img/bg'+n+'.jpg')显示的是图片的地址 也没有错
图片按钮去除边框,border:none; 无效。先贴代码吧,求好心人指导,因为我没有金币。
![图片说明](https://img-ask.csdn.net/upload/201609/01/1472732701_233365.png)首先是图片边框,在IE中是没有的,谷歌里有。在火狐里,直接连按钮都不见了。下面是代码。 /*去除页面填充*/ *{ margin:0px; padding:0px; } /* top高:160 中高:465 底:365 */ body{ width:100%; height:780px; background-image:url(../img/白天背景网站1920.jpg); background-size:100% 100%; background-repeat:no-repeat; } header{ width:100%; height:11%; } header #rukou{ width:190px; height:24px; float:right; margin-top:16px; background:url(../img/员工入口.png) no-repeat; background-size:100px 24px; background-position:0 -2px; } header #shoucang{ width:163px; height:19px; clear:right; float:right; margin-top:16px; background:url(../img/加入收藏.png) no-repeat; background-size:75px 19px; } nav{ width:100%; height:5%; } /*控制菜单栏在右侧显示*/ nav ul{ clear:left; float:right; margin-right:117px; } /*去除li样式,相对定位*/ nav ul li{ list-style:none; position:relative; } /*设置按钮背景图片*/ /*首页*/ nav #sy{ background-image:url(../img/首页未点状态.png); background-size:150px 38px; background-color: transparent; border:none; } /*公司概况*/ nav #gsgk{ background-image:url(../img/公司概况未点状态.png); background-size:150px 38px; } /*业务产品*/ nav #ywcp{ background-image:url(../img/业务产品未点状态.png); background-size:150px 38px; } /*公司资质*/ nav #gszz{ background-image:url(../img/公司资质未点状态.png); background-size:150px 38px; } /*人才招聘*/ nav #rczp{ background-image:url(../img/人才招聘未点状态.png); background-size:150px 38px; } /*联系我们*/ nav #lxwm{ background-image:url(../img/联系我们未点状态.png); background-size:150px 38px; } nav #sy:hover{ background:url(../img/首页点击状态.png); background-size:150px 38px; } /*公共样式*/ nav a{width:126px; display:block;float:left;} nav a img{width:151px;height:38px;border:none;} nav li{ float: left; } /*下拉列表*/ nav li ul { display: none; position: absolute; left: 0; top: 100%; padding: 0; margin: 0; } /*控制下拉列表的显示*/ nav li:hover > ul { display: block; } /*控制下拉列表不浮动*/ nav li ul li, nav li ul li a { float: none; } /*下拉列表中的超链接按钮*/ nav li a { text-decoration: none; color: white; } /*下拉列表设置*/ nav li ul li a { width:128px; height:40px; font:"宋体"; font-size:18px; text-align:center; line-height:40px; display: block; z-index:1000; background-color:#0099CC; } /*下拉框悬浮效果*/ nav li ul li a:hover{ color:#FF0000; } /*下拉框超链接激活效果*/ nav li ul li a:active{ color:#FFFF00; } /*首页中间内容*/ article{ width:100%; height:76%; } /*首页底部*/ footer{ width:100%; height:8%; }
怎么根据日期控件里所选的值来显示不同日期的数据
<!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=gb2312" /> <title>无标题文档</title> <script type="text/javascript" src="./datepicker/WdatePicker.js"></script> <script type="text/javascript" src="./jquery-1.7.2.min.js"></script> <link href="../css/mf20140517.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> $(function(){ $("#week ul a li").click(function(){ $("#week ul a li").css("background-image","url(../images/calendar/date_nowbg.png)");//未被选中的背景图片 $(this).css("background-image","url(../images/calendar/date_hoverbg.png)");//选中的背景图片 }); }) </script> </head> <body> <div class="datesearch"> 按照日期条件查询:<input class="dateinput" type="text" name="search" id = "rili"/> <input type="button" name="datesearch_btn" class="datesearchbtn" value="" onClick="WdatePicker({skin:'yellow',minDate:'2012-01-01',position:{left:0,top:0},el:'rili',maxDate:'%y-%M-%d'})"> </div> <div class="week" id = "week"> <ul> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期一</p></li></a> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期二</p></li></a> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期三</p></li></a> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期四</p></li></a> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期五</p></li></a> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期六</p></li></a> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期日</p></li></a> </ul> </div> </body> </html> 我要把所选日期 显示在li标签的星期上面,并且相应的给该li标签加上点击样式
html 字体标签 列表 表格 表单
一、字体标签 1、字体标签使用<font color="" face="" size="">...</font>表示 color属性:表示字体颜色 取值:英文 red blue yellow green black pink white 十六进制 #开头 前两位控制红色 中间两位控制绿色 后两位控制蓝色 #00 00 00 十六进制的取值0-F face属性:字体格式 比如:宋体、微软雅黑 size属性:字体大小 取值:1-7 可以为负数,为负数字字体会变小,超出7以最大值为准 默认为3 (官方取值1-7,无特殊情况,不要使用负数) 加粗字:<b>...</b>标签中的内容字体会加粗 斜体字:<i>...</i>标签中的内容字体会倾斜 下划线字:<u>...</u>标签中的内容字体会有下划线 二、列表 1、有序列表 order list <ol></ol>表示有序列表 <li></li> list item 列表元素 <ol type="1|A|a|I|i"> <li></li> </ol> type属性取值: 1 阿拉伯数字 默认 A 大写的英文字母 a 小写的英文字母 I 大写的罗马数字 i 小写的罗马数字 2、无序列表 unordered list <ul></ul>表示无序列表 <li></li> list item 列表元素 <ul type="disc|circle|square|none"> <li></li> </ul> type属性取值:disc 实心圆 默认 circle 空心圆 square 实心方块 none 不修饰 一级默认实心圆 二级默认空心圆 三级默认实心方块 3、自定义列表 definition list <dl></dl> 自定义列表 <dt></dt> 自定义标题 definition title <dd></dd> 自定义描述 definition description <dl> <dt>...</dt> <dd></dd> </dl> 三、表格 <table> <tr> <td>...</td> </tr> </table> table标签:代表表格 tr标签:代表一行 注:只有单元格才能放东西,其他的不能放任何元素 thead标签:表格的头部 tbody标签:表格的内容 tfoot标签:表格的尾部 caption标签:表格的标题 boder属性:表格的边框 width属性:宽度 height属性:高度 align属性:对齐方式,取值:左、中、右 cellspacing属性:单元格与单元格之间的间隙 外边距 cellpadding属性:单元格与内容之间的间隙 内边距 bgcolor属性:表格背景颜色 colspan属性:列合并 rowspan属性:行合并 四、表单 表单:把客户端页面数据提交给服务器端<form></form> 格式:<form action="" method="" type=""> <input /> </form> form:表单标签 action属性:提交到服务器端的地址 method属性:提交方式,取值:get 默认 post input标签:表单元素 type属性:定义表单中的元素类型,取值如下: text 文本输入框 默认 password 密码框 radio 单选框 必须每个单选框name属性相同 chackbox 复选框 必须每个复选框name属性相同 submit 提交按钮 会提交表单 reset 重置按钮 会重置表单 button 普通按钮 image 图片按钮 会提交表单 hidden 隐藏域 file 文件上传 name属性:元素的名称 服务器端是通过name属性获取input框的值 value属性:元素的值 readonly属性:只读 会传输到服务器 disabled属性:禁用 不会传输到服务器 maxlength属性:最大输入字符个数 placeholder属性:提示语 checked属性:是否选中 select标签:下拉列表 size属性:显示下拉列表中几个值 multicol标签:可以选中多个选项 option标签:下拉列表中的选项 格式:<select> <option>...</option> </s/elect> textarea标签:文本区域框 rows属性:行数 cols属性:列数 URL与参数用?连接 参数与参数之间用&
这是我做的轮播效果图,给添加超链接后出现了问题,纠错,求指点
``` <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jQuery带文字动画图片轮播代码 - 站长素材</title> <link rel="stylesheet" href="__PUBLIC__/Css/indexca.css"/> <script type="text/javascript" src="__PUBLIC__/Js/jquery-2.1.1.min.js"></script> <style> .box{width:1920px;height:660px;margin:0 auto;position:relative} .box img{width:100%;height:100%;position:absolute;display:none} .box ul {list-style:none;position:absolute;right:30px;bottom:10px;} .box ul li{width:30px;height:20px;border:1px solid #0037fd;float:left;margin-left:10px;text-align:center;line-height:20px;} .ys{background:#0037fd} .left{width:30px;height:40px;background:rgba(255,255,255,0.5);position:absolute;top:310px;left:10px;font-size:30px;line-height:40px;text-align:center} .right{width:30px;height:40px;background:rgba(255,255,255,0.5);position:absolute;top:310px;right:10px;font-size:30px;line-height:40px;text-align:center} </style> </head> <body> <include file="Public/header"/> <div class="box"> <a href="__APP__/Home/product/product_g"><img src="__PUBLIC__/Imager/589453510254609459.png" style="display:block"></a> <a href="__APP__/Home/product/product_a"><img src="__PUBLIC__/Imager/p1_bg.jpg"></a> <a href="__APP__/Home/product/product_b"><img src="__PUBLIC__/Imager/p2_bg.jpg"></a> <a href="__APP__/Home/product/product_c"><img src="__PUBLIC__/Imager/p3_bg.jpg"></a> <a href="__APP__/Home/product/product_d"><img src="__PUBLIC__/Imager/p4_bg.jpg"></a> <a href="__APP__/Home/product/product_e"><img src="__PUBLIC__/Imager/diancan_bg6.jpg"></a> <a href="__APP__/Home/product/product_f"><img src="__PUBLIC__/Imager/fenxiao_bg2.jpg"></a> <ul> <li class="ys">1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> </ul> <div class="left"><</div> <div class="right">></div> </div> <script> var q=0; //alert($); //焦点图切换(焦点背景颜色的切换) $(".box ul li").mouseover(function(){ //划上当前li让其添加背景颜色,其余同级移除背景颜色 $(this).addClass("ys").siblings().removeClass("ys"); //定义变量获取当前li的索引值; q=$(this).index(); //alert(q) //通过当前索引匹配对应图片并进行显示,其余同级图片进行隐藏; $(".box a").eq(q).show().siblings(".box a").hide() }) //轮播图 function autoplay(){ times=setInterval(function(){ if(q>=6){q=0} else{q++} $(".box ul li").eq(q).addClass("ys").siblings(".box ul li").removeClass("ys"); $(".box a img").eq(q).fadeIn(800).siblings(".box a img").fadeOut(800) },2000) } autoplay(); //鼠标划上停止轮播,划离启动轮播 $(".box").mouseover(function(){ clearInterval(times); }).mouseout(function(){ autoplay(); }) //右按钮 $(".right").click(function(){ if(q>=6){q=0} else{q++} $(".box ul li").eq(q).addClass("ys").siblings(".box ul li").removeClass("ys"); $(".box img").eq(q).show().siblings(".box img").hide() }) //左按钮 $(".left").click(function(){ if(q<=0){q=6} else{q--} $(".box ul li").eq(q).addClass("ys").siblings(".box ul li").removeClass("ys"); $(".box img").eq(q).show().siblings(".box img").hide() }) </script> <include file="Public/tail"/> </body> </html> ```
菜鸟请高手帮忙看看两个JS文件为什么会冲突
文件一: var ddsmoothmenu={ //Specify full URL to down and right arrow images (23 is padding-right added to top level LIs with drop downs): arrowimages: {down:['downarrowclass', 'images/down.gif', 10], right:['rightarrowclass', 'images/right.gif']}, transition: {overtime:300, outtime:300}, //duration of slide in/ out animation, in milliseconds shadow: {enable:true, offsetx:4, offsety:5}, //enable shadow? showhidedelay: {showdelay: 100, hidedelay: 200}, //set delay in milliseconds before sub menus appear and disappear, respectively ///////Stop configuring beyond here/////////////////////////// detectwebkit: navigator.userAgent.toLowerCase().indexOf("applewebkit")!=-1, //detect WebKit browsers (Safari, Chrome etc) detectie6: document.all && !window.XMLHttpRequest, getajaxmenu:function($, setting){ //function to fetch external page containing the panel DIVs var $menucontainer=$('#'+setting.contentsource[0]) //reference empty div on page that will hold menu $menucontainer.html("Loading Menu...") $.ajax({ url: setting.contentsource[1], //path to external menu file async: true, error:function(ajaxrequest){ $menucontainer.html('Error fetching content. Server Response: '+ajaxrequest.responseText) }, success:function(content){ $menucontainer.html(content) ddsmoothmenu.buildmenu($, setting) } }) }, buildmenu:function($, setting){ var smoothmenu=ddsmoothmenu var $mainmenu=$("#"+setting.mainmenuid+">ul") //reference main menu UL $mainmenu.parent().get(0).className=setting.classname || "ddsmoothmenu" var $headers=$mainmenu.find("ul").parent() $headers.hover( function(e){ $(this).children('a:eq(0)').addClass('selected') }, function(e){ $(this).children('a:eq(0)').removeClass('selected') } ) $headers.each(function(i){ //loop through each LI header var $curobj=$(this).css({zIndex: 100-i}) //reference current LI header var $subul=$(this).find('ul:eq(0)').css({display:'block'}) $subul.data('timers', {}) this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()} this.istopheader=$curobj.parents("ul").length==1? true : false //is top level header? $subul.css({top:this.istopheader && setting.orientation!='v'? this._dimensions.h+"px" : 0}) $curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: smoothmenu.arrowimages.down[2]} : {}).append( //add arrow images '<img src="'+ (this.istopheader && setting.orientation!='v'? smoothmenu.arrowimages.down[1] : smoothmenu.arrowimages.right[1]) +'" class="' + (this.istopheader && setting.orientation!='v'? smoothmenu.arrowimages.down[0] : smoothmenu.arrowimages.right[0]) + '" style="border:0;" />' ) if (smoothmenu.shadow.enable){ this._shadowoffset={x:(this.istopheader?$subul.offset().left+smoothmenu.shadow.offsetx : this._dimensions.w), y:(this.istopheader? $subul.offset().top+smoothmenu.shadow.offsety : $curobj.position().top)} //store this shadow's offsets if (this.istopheader) $parentshadow=$(document.body) else{ var $parentLi=$curobj.parents("li:eq(0)") $parentshadow=$parentLi.get(0).$shadow } this.$shadow=$('<div class="ddshadow'+(this.istopheader? ' toplevelshadow' : '')+'"></div>').prependTo($parentshadow).css({left:this._shadowoffset.x+'px', top:this._shadowoffset.y+'px'}) //insert shadow DIV and set it to parent node for the next shadow div } $curobj.hover( function(e){ var $targetul=$subul //reference UL to reveal var header=$curobj.get(0) //reference header LI as DOM object clearTimeout($targetul.data('timers').hidetimer) $targetul.data('timers').showtimer=setTimeout(function(){ header._offsets={left:$curobj.offset().left, top:$curobj.offset().top} var menuleft=header.istopheader && setting.orientation!='v'? 0 : header._dimensions.w menuleft=(header._offsets.left+menuleft+header._dimensions.subulw>$(window).width())? (header.istopheader && setting.orientation!='v'? -header._dimensions.subulw+header._dimensions.w : -header._dimensions.w) : menuleft //calculate this sub menu's offsets from its parent if ($targetul.queue().length<=1){ //if 1 or less queued animations $targetul.css({left:menuleft+"px", width:header._dimensions.subulw+'px'}).animate({height:'show',opacity:'show'}, ddsmoothmenu.transition.overtime) if (smoothmenu.shadow.enable){ var shadowleft=header.istopheader? $targetul.offset().left+ddsmoothmenu.shadow.offsetx : menuleft var shadowtop=header.istopheader?$targetul.offset().top+smoothmenu.shadow.offsety : header._shadowoffset.y if (!header.istopheader && ddsmoothmenu.detectwebkit){ //in WebKit browsers, restore shadow's opacity to full header.$shadow.css({opacity:1}) } header.$shadow.css({overflow:'', width:header._dimensions.subulw+'px', left:shadowleft+'px', top:shadowtop+'px'}).animate({height:header._dimensions.subulh+'px'}, ddsmoothmenu.transition.overtime) } } }, ddsmoothmenu.showhidedelay.showdelay) }, function(e){ var $targetul=$subul var header=$curobj.get(0) clearTimeout($targetul.data('timers').showtimer) $targetul.data('timers').hidetimer=setTimeout(function(){ $targetul.animate({height:'hide', opacity:'hide'}, ddsmoothmenu.transition.outtime) if (smoothmenu.shadow.enable){ if (ddsmoothmenu.detectwebkit){ //in WebKit browsers, set first child shadow's opacity to 0, as "overflow:hidden" doesn't work in them header.$shadow.children('div:eq(0)').css({opacity:0}) } header.$shadow.css({overflow:'hidden'}).animate({height:0}, ddsmoothmenu.transition.outtime) } }, ddsmoothmenu.showhidedelay.hidedelay) } ) //end hover }) //end $headers.each() $mainmenu.find("ul").css({display:'none', visibility:'visible'}) }, init:function(setting){ if (typeof setting.customtheme=="object" && setting.customtheme.length==2){ //override default menu colors (default/hover) with custom set? var mainmenuid='#'+setting.mainmenuid var mainselector=(setting.orientation=="v")? mainmenuid : mainmenuid+', '+mainmenuid document.write('<style type="text/css">\n' +mainselector+' ul li a {background:'+setting.customtheme[0]+';}\n' +mainmenuid+' ul li a:hover {background:'+setting.customtheme[1]+';}\n' +'</style>') } this.shadow.enable=(document.all && !window.XMLHttpRequest)? false : this.shadow.enable //in IE6, always disable shadow jQuery(document).ready(function($){ //ajax menu? if (typeof setting.contentsource=="object"){ //if external ajax menu ddsmoothmenu.getajaxmenu($, setting) } else{ //else if markup menu ddsmoothmenu.buildmenu($, setting) } }) } } //end ddsmoothmenu variable 文件二: try { document.execCommand('BackgroundImageCache', false, true); }catch(e){ } (function($){ jQuery.fn.extend({ d_imagechange:function(setting){ var config = $.extend({ bg:true, // 是否背景色 title:true, // 是否有标题 desc:true, // 是否有描述 btn:true, // 是否显示按钮 repeat:'no-repeat', // 重复规则 'no-repeat' 'repeat-x' 'repeat-y' 'repeat' bgColor:'#000', // 背景色 bgOpacity:.5, // 背景透明度 bgHeight:40, // 背景高 titleSize:14, // 标题文字大小 titleFont:'Verdana,宋体', // 标题文本字体 titleColor:'#FFF', // 标题文本颜色 titleTop:4, // 标题上边距 titleLeft:4, // 标题左边距 descSize:12, // 描述文字大小 descFont:'Verdana,宋体', // 描述文本字体 descColor:'#FFF', // 描述文本颜色 descTop:2, // 描述上边距 descLeft:4, // 描述左边距 btnColor:'#FFF', // 按钮颜色1 btnOpacity:.5, // 未选中按钮透明度 btnFont:'Verdana', // 按钮文本字体 btnFontSize:12, // 按钮文字大小(注意:Chrome有默认最小字号的限制) btnFontColor:'#000', // 按钮文本颜色 btnText:true, // 是否显示文本 btnWidth:15, // 按钮宽 btnHeight:15, // 按钮高 btnMargin:4, // 按钮间距 btnTop:4, // 按钮上边距 playTime:2000, // 轮换间隔时间,单位(毫秒) animateTime:500, // 动画执行时间,单位(毫秒) animateStyle:'o', // 动画效果:'o':渐显 'x':横向滚动 'y':纵向滚动 'show':原地收缩伸展 'show-x':横向收缩伸展 'show-y':纵向收缩伸展' none':无动画 width:300, // 宽, 不设定则从DOM读取 height:200 // 高, 不设定则从DOM读取 },setting); return $(this).each(function(){ var _this = $(this); var _w = config.width || _this.width(); // 宽 var _h = config.height || _this.height(); // 高 var _n = config.data.length; // 数目 var _i = 0; // 当前显示的item序号 _this.empty() .css('overflow','hidden') .width(_w) .height(_h); // 半透明背景 if(config.bg){ $('<div />').appendTo(_this) .width(_w) .height(config.bgHeight) .css('background-color',config.bgColor) .css('opacity',config.bgOpacity) .css('position','absolute') .css('marginTop',_h-config.bgHeight) .css('zIndex',3); } // 文字区 var _textArea = $('<div />').appendTo(_this) .width(_w) .height(config.bgHeight) .css('position','absolute') .css('marginTop',_h-config.bgHeight) .css('zIndex',6); // 按钮区 var _btnArea = $('<div />').appendTo(_this) .width(config.data.length * (config.btnWidth + config.btnMargin)) .height(config.bgHeight) .css('position','absolute') .css('marginTop',_h-config.bgHeight) .css('marginLeft',_w-(config.btnWidth+config.btnMargin)*_n) .css('zIndex',9) .css('display',config.btn?'block':'none'); // 插入空div修正IE的绝对定位BUG $('<div />').appendTo(_this); // 图片区 var _imgArea = $('<div />').appendTo(_this) .width('x,show-x'.indexOf(config.animateStyle)!=-1?_w*_n:_w) .height('y,show-y'.indexOf(config.animateStyle)!=-1?_h*_n:_h); // 初始化图片 文字 按钮 $.each(config.data,function(i,n){ $('<a />').append($("<img />") .width(_w) .height(_h) .attr("src", n.src) ).appendTo(_imgArea) .width(_w) .height(_h) .attr('href',n.href?n.href:'') .attr('target',n.target?n.target:'') .css('display','block') .css('background-image','url('+n.src+')') .css('background-repeat',config.repeat) .css('display','block') .css('float','x,show-x'.indexOf(config.animateStyle)!=-1?'left':''); if(config.title){ $('<b />').appendTo(_textArea) .html(n.title?n.title:'') .css('display',i==0?'block':'none') .css('fontSize',config.titleSize) .css('fontFamily',config.titleFont) .css('color',config.titleColor) .css('marginTop',config.titleTop) .css('marginLeft',config.titleLeft); } if(config.desc){ $('<p />').appendTo(_textArea) .html(n.desc?n.desc:'') .css('display',i==0?'block':'none') .css('fontSize',config.descSize) .css('fontFamily',config.descFont) .css('color',config.descColor) .css('marginTop',config.descTop) .css('marginLeft',config.descLeft); } $('<a />').appendTo(_btnArea) .width(config.btnWidth) .height(config.btnHeight) .html(config.btnText?i+1:'') .css('fontSize',config.btnFontSize) .css('fontFamily',config.btnFont) .css('textAlign','center') .css('display','block') .css('float','left') .css('overflow','hidden') .css('marginTop',config.btnTop) .css('marginRight',config.btnMargin) .css('background-color',config.btnColor) .css('opacity',i==0?1:config.btnOpacity) .css('color',config.btnFontColor) .css('cursor','pointer') }); // 保存所有元素集合的引用,方便在事件中使用 var _bs = _btnArea.children('a'); var _ts = _textArea.children('b'); var _ds = _textArea.children('p'); var _is = _imgArea.children('a'); // 针对不同的动画效果的附加设置, 主要是block的问题, 若在初始化时设置block:none会造成之后无block效果 if('o,show,none'.indexOf(config.animateStyle)!=-1){ _is.not(':first').hide(); _is.css('position','absolute'); } // 添加按钮事件 _bs.click(function(){ var ii = _bs.index(this); if(ii==_i){return;} _ts.eq(_i).css('display','none'); _ts.eq(ii).css('display','block'); _ds.eq(_i).css('display','none'); _ds.eq(ii).css('display','block'); _bs.eq(_i).css('opacity',config.bgOpacity); _bs.eq(ii).css('opacity',1) switch(config.animateStyle){ case 'o' : _is.eq(_i).fadeOut(config.animateTime); _is.eq(ii).fadeIn(config.animateTime); break; case 'x' : _imgArea.animate({marginLeft:-ii*_w},config.animateTime); break; case 'y' : _imgArea.animate({marginTop:-ii*_h},config.animateTime); break; case 'show' : case 'show-x' : case 'show-y' : _is.eq(_i).hide(config.animateTime); _is.eq(ii).show(config.animateTime); break; case 'none' : _is.eq(_i).hide(); _is.eq(ii).show(); break; } _i = ii; }); // 添加轮换任务 var _play = setInterval(play,config.playTime); function play(){ _bs.eq((_i+1)%_n).click() } // 鼠标进入事件 _this.mouseover(function(){ clearInterval(_play); }); // 鼠标离开事件 _this.mouseout(function(){ _play = setInterval(play,config.playTime); }); }); } });
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
前端 | 2. 正则
转载请注明以下: 本文转自清自以敬的博客:https://blog.csdn.net/qq_45791147 文章目录1.转义2.正则表达式初步2.1.匹配字符2.1.1.组成元素2.1.2.基础正则的设计 1.转义 转义的作用: 当某个字符在表达式中具有特殊含义,例如字符串引号中出现了引号,为了可以使用这些字符本身,而不是使用其在表达式中的特殊含义,则需要通过转义符“\”来构建该字符转义...
有哪些让程序员受益终生的建议
从业五年多,辗转两个大厂,出过书,创过业,从技术小白成长为基层管理,联合几个业内大牛回答下这个问题,希望能帮到大家,记得帮我点赞哦。 敲黑板!!!读了这篇文章,你将知道如何才能进大厂,如何实现财务自由,如何在工作中游刃有余,这篇文章很长,但绝对是精品,记得帮我点赞哦!!!! 一腔肺腑之言,能看进去多少,就看你自己了!!! 目录: 在校生篇: 为什么要尽量进大厂? 如何选择语言及方...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
Docker 从入门到掉坑
Docker 介绍 简单的对docker进行介绍,可以把它理解为一个应用程序执行的容器。但是docker本身和虚拟机还是有较为明显的出入的。我大致归纳了一下,可以总结为以下几点: docker自身也有着很多的优点,关于它的优点,可以总结为以下几项: 安装docker 从 2017 年 3 月开始 docker 在原来的基础上分为两个分支版本: Docker CE 和 Doc...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
白话阿里巴巴Java开发手册高级篇
不久前,阿里巴巴发布了《阿里巴巴Java开发手册》,总结了阿里巴巴内部实际项目开发过程中开发人员应该遵守的研发流程规范,这些流程规范在一定程度上能够保证最终的项目交付质量,通过在时间中总结模式,并推广给广大开发人员,来避免研发人员在实践中容易犯的错误,确保最终在大规模协作的项目中达成既定目标。 无独有偶,笔者去年在公司里负责升级和制定研发流程、设计模板、设计标准、代码标准等规范,并在实际工作中进行...
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
YouTube排名第一的励志英文演讲《Dream(梦想)》
Idon’t know what that dream is that you have, I don't care how disappointing it might have been as you've been working toward that dream,but that dream that you’re holding in your mind, that it’s po...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC...
为什么要学数据结构?
一、前言 在可视化化程序设计的今天,借助于集成开发环境可以很快地生成程序,程序设计不再是计算机专业人员的专利。很多人认为,只要掌握几种开发工具就可以成为编程高手,其实,这是一种误解。要想成为一个专业的开发人员,至少需要以下三个条件: 1) 能够熟练地选择和设计各种数据结构和算法 2) 至少要能够熟练地掌握一门程序设计语言 3) 熟知所涉及的相关应用领域的知识 其中,后两个条件比较容易实现,而第一个...
金山办公上市,雷军心愿了却!
作者 | 胡巍巍 出品 | CSDN(ID:CSDNnews) 11月17日,大周末的,雷军微博发了个重磅消息: “明天将是里程碑式的一天,金山办公终于成功在科创板挂牌上市了! 从1988年金山创办到今天,WPS走了整整31年。 从1999年以金山办公为主体准备上市算起,这一天,我们等了20年。 WPS和金山的历程,这是一个坚持梦想并最终取得胜利的励志故事。期待大家的祝福!”...
8年经验面试官详解 Java 面试秘诀
作者 |胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。 Java程序员准备和投递简历的实...
面试官如何考察你的思维方式?
1.两种思维方式在求职面试中,经常会考察这种问题:北京有多少量特斯拉汽车?某胡同口的煎饼摊一年能卖出多少个煎饼?深圳有多少个产品经理?一辆公交车里能装下多少个乒乓球?一个正常成年人有多少根头发?这类估算问题,被称为费米问题,是以科学家费米命名的。为什么面试会问这种问题呢?这类问题能把两类人清楚地区分出来。一类是具有文科思维的人,擅长赞叹和模糊想象,它主要依靠的是人的第一反应和直觉,比如小孩...
17张图带你解析红黑树的原理!保证你能看懂!
二叉查找树 由于红黑树本质上就是一棵二叉查找树,所以在了解红黑树之前,咱们先来看下二叉查找树。 二叉查找树(Binary Search Tree),也称有序二叉树(ordered binary tree),排序二叉树(sorted binary tree),是指一棵空树或者具有下列性质的二叉树: 若任意结点的左子树不空,则左子树上所有结点的值均小于它的根结点的值; 若任意结点的...
腾讯“疯狂”开源!
作者 | 马超 责编 | 胡巍巍 出品 | CSDN(ID:CSDNnews) 近日,腾讯自研的万亿级分布式消息中间件TubeMQ正式开源,并捐赠给Apache基金会,成为基金会官方认可的Incubator项目。 我们知道与TubeMQ功能类似的kafka是领英公司在早在10年前捐赠给Apache基金会的金牌项目,而那时的腾讯还在忙于3Q大战,公司文化也相对封闭,甚至连目前社交领...
相关热词 c# 引用mysql c#动态加载非托管dll c# 两个表数据同步 c# 返回浮点json c# imap 链接状态 c# 漂亮字 c# 上取整 除法 c#substring c#中延时关闭 c#线段拖拉
立即提问