蓝色简洁风格的技术问答页面问答网站源码下载



6 22 8



模板描述:蓝色简洁风格 技术问答页面 问答网站,蓝色简洁风格的技术问答页面问答网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/index.css">

2. 引入JS

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

3. HTML代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
</head>
<div class="dvhead">
	<div class="dvlogo"><a href="index.html">你问我答</a></div>
	<div class="dvsearch">10秒钟注册账号,找到你的同学</div>
	<div class="dvreg">
		已有账号,立即&nbsp;<a href="login.html">登录</a>
	</div>
</div>
<div class="dvContent">
	<div class="dvquesleft">
		<div class="dvqstitle">
			<image class="imgbean" src="images/bean.jpg">
			<span class="qsTitle">问答</span>
			<span class="back"><ab  href="">《《返回上一页</a></span>
		</div>
		<div class="dvtabhead">
			<div class="tabheads tabcurrent">全部问题</div>
			<div class="tabheads">我的问题</div>
			<div class="tabheads">关注问题</div>
			<div class="tabheads">问题标签</div>
		</div>
		<div class="tabContent">
			<div class="dvtags">
				<a class="curenttag">待解决</a><span class="line"></span><a>高分</a><span
					class="line"></span><a>新回答</a><span class="line"></span><a>已解决</a>
			</div>
			<div class="tab">
				<div class="dvques">
					<div class="quesCount">
						<div class="count">8</div>
						<div class="ques">回答数</div>
					</div>
					<div class="quesContent">
						<div class="quesTitle">
							500
							<image src="images/bean.jpg" class="bean"> <span
								class="spanques">Excel开发的问题</span>
						</div>
						<div class="qContent">以前都是OWC控件在程序中做Excel做操作以前都是OWC控件在程序中做Excel做操作,主要包裹以前裹做Excel做操作,主要包裹以前都是OWC控件在程序中做Excel做操作,主要包裹主要包裹以前都是主要包中做Excel做操作,主要包裹,主要包裹...</div>
						<div class="tags">
							<span class="tag">excel</span><span class="tag">程序</span>
						</div>
						<div class="quesUser">
							<image src="images/0.gif" class="imguser" />
							<div class="userName">
								张大值
								<div class="liulan">浏览(9) 30分钟前</div>
							</div>
						</div>
					</div>
				</div>
				<div class="dvques">
					<div class="quesCount">
						<div class="count">8</div>
						<div class="ques">回答数</div>
					</div>
					<div class="quesContent">
						<div class="quesTitle">
							500
							<image src="images/bean.jpg" class="bean"> <span
								class="spanques">Excel开发的问题</span>
						</div>
						<div class="qContent">以前都是OWC控件在程序中做Excel做操作,以前都是OWC控件在程序中做Excel做操作主要包裹以前裹做Excel做操作,主要包裹以前都是OWC控件在程序中做Excel做操作,主要包裹主要包裹以前都是主要包中做Excel做操作,主要包裹,主要包裹...</div>
						<div class="tags">
							<span class="tag">excel</span><span class="tag">程序</span>
						</div>
						<div class="quesUser">
							<image src="images/0.gif" class="imguser" />
							<div class="userName">
								张大值
								<div class="liulan">浏览(9) 30分钟前</div>
							</div>
						</div>
					</div>
				</div>
				<div class="dvques">
					<div class="quesCount">
						<div class="count">8</div>
						<div class="ques">回答数</div>
					</div>
					<div class="quesContent">
						<div class="quesTitle">
							500
							<image src="images/bean.jpg" class="bean"> <span
								class="spanques">Excel开发的问题</span>
						</div>
						<div class="qContent">以前都是OWC控件在程序中做Excel做操作,以前都是OWC控件在程序中做Excel做操作主要包裹以前裹做Excel做操作,主要包裹以前都是OWC控件在程序中做Excel做操作,主要包裹主要包裹以前都是主要包中做Excel做操作,主要包裹,主要包裹...</div>
						<div class="tags">
							<span class="tag">excel</span><span class="tag">程序</span>
						</div>
						<div class="quesUser">
							<image src="images/0.gif" class="imguser" />
							<div class="userName">
								张大值
								<div class="liulan">浏览(9) 30分钟前</div>
							</div>
						</div>
					</div>
				</div>
				<div class="dvques">
					<div class="quesCount">
						<div class="count">8</div>
						<div class="ques">回答数</div>
					</div>
					<div class="quesContent">
						<div class="quesTitle">
							500
							<image src="images/bean.jpg" class="bean"> <span
								class="spanques">Excel开发的问题</span>
						</div>
						<div class="qContent">以前都是OWC控件在程序中做Excel做操作,以前都是OWC控件在程序中做Excel做操作主要包裹以前裹做Excel做操作,主要包裹以前都是OWC控件在程序中做Excel做操作,主要包裹主要包裹以前都是主要包中做Excel做操作,主要包裹,主要包裹...</div>
						<div class="tags">
							<span class="tag">excel</span><span class="tag">程序</span>
						</div>
						<div class="quesUser">
							<image src="images/0.gif" class="imguser" />
							<div class="userName">
								张大值
								<div class="liulan">浏览(9) 30分钟前</div>
							</div>
						</div>
					</div>
				</div>
				<div class="dvques">
					<div class="quesCount">
						<div class="count">8</div>
						<div class="ques">回答数</div>
					</div>
					<div class="quesContent">
						<div class="quesTitle">
							500
							<image src="images/bean.jpg" class="bean"> <span
								class="spanques">Excel开发的问题</span>
						</div>
						<div class="qContent">以前都是OWC控件在程序中做Excel做操作,主要包裹以前裹做Excel做操作,主要包裹以前都是OWC控件在程序中做Excel做操作,主要包裹主要包裹以前都是主要包中做Excel做操作,主要包裹,主要包裹...</div>
						<div class="tags">
							<span class="tag">excel</span><span class="tag">程序</span>
						</div>
						<div class="quesUser">
							<image src="images/0.gif" class="imguser" />
							<div class="userName">
								张大值
								<div class="liulan">浏览(9) 30分钟前</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="tab hidden">2</div>
			<div class="tab hidden">3</div>
			<div class="tab hidden">4</div>
		</div>
	</div>
	<div class="dvquesright">
		<div>
			<buton class="btnques" onclick="location.href='add.html'">提个问题</buton>
		</div>
		<div class="dvorder">
			<div class="orderTitle">专家排行榜</div>
			<div class="users">
				<image class="userface" src="images/0.gif" />
				<div class="dvuser">
					<div class="userTitle">陈有龙</div>
					<div class="userdeital">大牛6级 豆:14006</div>
				</div>
			</div>
			<div class="users">
				<image class="userface" src="images/1.gif" />
				<div class="dvuser">
					<div class="userTitle">陈有龙</div>
					<div class="userdeital">大牛6级 豆:14006</div>
				</div>
			</div>
			<div class="users">
				<image class="userface" src="images/2.gif" />
				<div class="dvuser">
					<div class="userTitle">陈有龙</div>
					<div class="userdeital">大牛6级 豆:14006</div>
				</div>
			</div>
			<div class="users">
				<image class="userface" src="images/3.gif" />
				<div class="dvuser">
					<div class="userTitle">陈有龙</div>
					<div class="userdeital">大牛6级 豆:14006</div>
				</div>
			</div>
			<div class="users">
				<image class="userface" src="images/4.gif" />
				<div class="dvuser">
					<div class="userTitle">陈有龙</div>
					<div class="userdeital">大牛6级 豆:14006</div>
				</div>
			</div>
			<div class="users">
				<image class="userface" src="images/5.gif" />
				<div class="dvuser">
					<div class="userTitle">陈有龙</div>
					<div class="userdeital">大牛6级 豆:14006</div>
				</div>
			</div>
			<div class="users">
				<image class="userface" src="images/6.gif" />
				<div class="dvuser">
					<div class="userTitle">陈有龙</div>
					<div class="userdeital">大牛6级 豆:14006</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(function()
	{
		$(".tabheads").click(function()
		{
			$(".tabheads").removeClass("tabcurrent").eq($(this).index()).addClass("tabcurrent");
			$(".tab").hide().eq($(this).index()).show();
		});
	});
</script>
<body>
</body>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 分类 响应式 自适应 设备 风格 颜色 bootstrap bootstrap自适应 bootstrap响应式 蓝色 pc+wap 移动+电脑 手机+电脑 问答 ask 大气 霸气 宽屏 全屏 满屏

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到