div網站源碼
⑴ 如何分析網站源碼
分析網站源碼可以從以下同個方面
第一,網站採用的技術,是php還是asp,通常php好於asp
第二,網站布局結構是用的div/css還是tabel通常div布局更有利網站收錄
第三,網站的源碼是否支持二次開發,書寫是否規范.只要看代碼有沒有加密,有沒有注釋,易不易看懂
第四,網站源碼是否原創,是否有版權問題.如果你是要用它建站,這個還是要注意下了.免得吃官司
第五,源碼的安全性,可以用360網站網站在線安全檢測來檢查一下.
綜上所述就是分析網站的幾個點了,打了這么多字希望採納
⑵ 誰有[Div+CSS3.0網頁布局案例精粹源代碼]的源代碼
雖然我沒有源代碼,不過可以推薦你去 w3cschool ,這個是最全的,基本不用看別的了
⑶ 客戶關系管理網頁版的（CSS+DIV+js）源代碼
去網路搜一下靜態網站源碼，下載一個參考參考
⑷ 想找個div+css布局的網站源碼，最好是php的！誰能不能共享下啊
有很多開源的系統下載的。各種cms也可以的。比如康盛創想系統的，或者phpcms之類的。
div+css布局只是前端顯示的問題。模板是就是的。
⑸ 在jsp頁面中，我有兩個div。首先顯示第一個div，當我點擊一個按鈕後，我在顯示第二個div，求大神給源代碼
<html>
<head>
<styletype="text/css">
*{
padding-bottom:0px;
margin:0px;
padding-left:0px;
padding-right:0px;
font-size:12px;
padding-top:0px;
}
body{
padding-left:20px;
padding-top:20px;
}
.wid240{
width:242px;
margin-bottom:20px;
}
.wid180{
width:182px;
}
.tab{
border-bottom:#0001pxsolid;
border-left:#0001pxsolid;
border-top:#0001pxsolid;
border-right:#0001pxsolid;
}
.tabUL{
zoom:1;
clear:both;
}
.tabUL:after{
display:block;
height:0px;
visibility:hidden;
clear:both;
content:"";
}
.tabULLI{
text-align:center;
line-height:26px;
width:60px;
display:inline;
background:#000;
float:left;
height:26px;
color:#fff;
}
.tabULLI.on{
background:#fff;
color:#000;
}
.tabList{
border-bottom:#0001pxsolid;
border-left:#0001pxsolid;
height:150px;
border-top:#0001px;
border-right:#0001pxsolid;
}
.tabList.one{
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
display:none;
color:#ff0000;
padding-top:10px;
}
.tabList.block{
display:block;
}
</style>
<scripttype="text/javascript">
functionsetTab(name,m,n){
for(vari=1;i<=n;i++){
varmenu=document.getElementById(name+i);
varshowDiv=document.getElementById("cont_"+name+"_"+i);
menu.className=i==m?"on":"";
showDiv.style.display=i==m?"block":"none";
}
}
</script>
<metaname="GENERATOR"content="MSHTML8.00.7600.5">
</head>
<body>
<divclass="wid240">
<divclass="tab">
<ul>
<liid="one1"class="on"onmouseover='setTab("one",1,4)'>
one1
</li>
<liid="one2"onmouseover='setTab("one",2,4)'>
one2
</li>
<liid="one3"onmouseover='setTab("one",3,4)'>
one3
</li>
<liid="one4"onmouseover='setTab("one",4,4)'>
one4
</li>
</ul>
</div>
<divclass="tabList">
<divid="cont_one_1"class="oneblock">
cont_one_1
</div>
<divid="cont_one_2"class="one">
cont_one_2
</div>
<divid="cont_one_3"class="one">
cont_one_3
</div>
<divid="cont_one_4"class="one">
cont_one_4
</div>
</div>
</div>
<divclass="wid180">
<divclass="tab">
<ul>
<liid="tow1"class="on"onclick='setTab("tow",1,3)'>
tow1
</li>
<liid="tow2"onclick='setTab("tow",2,3)'>
tow2
</li>
<liid="tow3"onclick='setTab("tow",3,3)'>
tow3
</li>
</ul>
</div>
<divclass="tabList">
<divid="cont_tow_1"class="oneblock">
cont_tow_1
</div>
<divid="cont_tow_2"class="one">
cont_tow_2
</div>
<divid="cont_tow_3"class="one">
cont_tow_3
</div>
</div>
</div>
</body>
</html>
直接別人的代碼希望能幫助到你
⑹ 求精通CSS+DIV網頁樣式與布局 源碼
我這里是PPT的，如果你要的話我給你，
如果你要PDF的，哪要等些天勒~~~~
⑺ 查看網頁源代碼莫名地多出一個div來是怎麼回事
如果不是網站本身的，那就是腳本語言做的，例如js或php都可以，所以可以再看看代碼中是否有，可以在包含了的js中搜索btn和on這些關鍵字，來獲取是怎麼樣生成的。。
⑻ CSS網頁怎麼用DIV寫出如圖中的效果，求源代碼！[email protected]
<!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" />
<script language="javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#top").find("div").each(function(i,n){
$(this).click(function(){
$("#bottom").find("table").each(function(){
if($(this).css("display")=="block"){
$(this).css("display","none");
}
});
$("#bottom table:eq("+i+")").css("display","block");
});
});
});
</script>
<title>服裝</title>
<style>
.top { width:auto;
height:30px;
margin-bottom:2px;
}
.bottom { width:300px;
height:194px;
margin-left:10px;
}
.choice { width:60px;
height:30px;
line-height:30px;
text-align:center;
border:#CCCCCC 1px solid;
float:left;
margin-left:10px;
}
</style>
</head>
<body>
<div class="top" id="top">
<div class="choice" id="women">女裝</div>
<div class="choice" id="man">男裝</div>
<div class="choice" id="child">童裝</div>
</div>
<div class="bottom" id="bottom">
<table width="300" border="1" style="display:block;">
<tr>
<td>高級成衣</td>
<td>高級成衣</td>
</tr>
<tr>
<td>高級成衣</td>
<td>高級成衣</td>
</tr>
<tr>
<td>高級成衣</td>
<td>高級成衣</td>
</tr>
<tr>
<td>高級成衣</td>
<td>高級成衣</td>
</tr>
<tr>
<td>高級成衣</td>
<td>高級成衣</td>
</tr>
<tr>
<td>高級成衣</td>
<td>高級成衣</td>
</tr>
<tr>
<td>高級成衣</td>
<td>高級成衣</td>
</tr>
</table>
<table width="300" border="1" style="display:none;">
<tr>
<td>男裝</td>
<td>男裝</td>
</tr>
<tr>
<td>男裝</td>
<td>男裝</td>
</tr>
<tr>
<td>男裝</td>
<td>男裝</td>
</tr>
<tr>
<td>男裝</td>
<td>男裝</td>
</tr>
<tr>
<td>男裝</td>
<td>男裝</td>
</tr>
<tr>
<td>男裝</td>
<td>男裝</td>
</tr>
<tr>
<td>男裝</td>
<td>男裝</td>
</tr>
</table>
<table width="300" border="1" style="display:none;">
<tr>
<td>童裝</td>
<td>童裝</td>
</tr>
<tr>
<td>童裝</td>
<td>童裝</td>
</tr>
<tr>
<td>童裝</td>
<td>童裝</td>
</tr>
<tr>
<td>童裝</td>
<td>童裝</td>
</tr>
<tr>
<td>童裝</td>
<td>童裝</td>
</tr>
<tr>
<td>童裝</td>
<td>童裝</td>
</tr>
<tr>
<td>童裝</td>
<td>童裝</td>
</tr>
</table>
</div>
</body>
</div>
</html>
單純css是無法做到的，我這個是用jquery寫的，你測試的時候下載一個jquery.js
⑼ 求大神幫我用DIV+CSS做一個簡單的網頁，求源代碼
只要有事件發生，就需要js，比如你的「只需要滑鼠點擊菜單的時候會出現下拉菜單」，除非你的菜單是個<select>
⑽ win10開始菜單CSS源代碼，DIV源代碼，
該下拉菜單的HTML結構非常簡單，基本的HTML結構如下：
?
1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="top-bar" class="top-bar">
<div class="bar">
<button id="navbox-trigger" class="navbox-trigger"><i class="fa fa-lg fa-th"></i></button>
</div>
<div class="navbox">
<div class="navbox-tiles">
<a href="#" class="tile">
<div class="icon"><i class="fa fa-home"></i></div><span class="title">Home</span>
</a>
......
</div>
</div>
</div>
CSS樣式
在CSS樣式中，頂部導航條.top-bar設置為固定高度50像素和相對定位，並給出一個較高的z-index值。
?
1
2
3
4
5
.top-bar {
height: 50px;
position: relative;
z-index: 1000;
}
下拉菜單.navbox開始的時候是隱藏的，它採用絕對定位，通過translateY方法將它移動到導航條上方200像素的地方。
?
1
2
3
4
5
6
7
8
9
10
11
12
13
.top-bar .navbox {
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
-webkit-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all .2s;
transition: all .2s;
}
接著在下拉菜單被激活的時候，它的透明度被設置回1，變為可見狀態，並通過translateY方法將它移動回原來的位置。
?
1
2
3
4
5
6
7
8
9
.top-bar.navbox-open .navbox {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s;
}
JavaScript
該特效中使用jQUery切換相應的class類和用於打開菜單按鈕。
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
(function () {
$(document).ready(function () {
$('#navbox-trigger').click(function () {
return $('#top-bar').toggleClass('navbox-open');
});
return $(document).on('click', function (e) {
var $target;
$target = $(e.target);
if (!$target.closest('.navbox').length && !$target.closest('#navbox-trigger').length) {
return $('#top-bar').removeClass('navbox-open');
}
});
});
}.call(this));