哪位大神教一下 怎么弄

qq_35983245 2016-08-28 10:23:12 


<html>  

	<head>

		<title></title>

		<meta charset="utf-8" />

		<style>

			#outer{

				margin: 0px;

				padding: 0px;

				width: 360px;

			}

			#tab p{

				float: right;

				height: 36px;

				line-height: 40px;

				margin: 0px 10px 0px 0px;

				font-size: 12px;

				text-align: center;

				color: #6E6E6E;

			}

			#tab p a{

				color: #7A7A7A;

				text-decoration: none;

			}

			#tab p a:hover,#outer section ul a:hover{color: #FF8400;text-decoration: underline;}

			#outer section{clear: both;margin-top: 20px;display:none;}

			#outer section div{float: left; margin-right: 25px;margin-top: 5px;}

			#outer section div p{

				background-color: black;

				margin: 0px;

				height: 20px;

				line-height: 20px;

				text-align: center;

			}

			#outer section div p a{

				font-size: 12px;

				color: white;

				text-decoration: none;

			}

			#outer section div p a:hover{color: #FF8400;}

			#outer section ul{

				margin:0px;

				list-style-type: square;

				color: #FF8400;

				font-size: 10px;

			}

			#outer section ul a{

				font-size: 14px;

				color: #122E67;

				text-decoration: none;

				line-height: 25px;

				margin: 0px;

			}

			#outer section ul.u2{

				margin-left: -25px;

			}

			#tab1{

				margin-top: 10px;

				width: 360px;

				height: 36px;

				border-left: 1px solid #DBDEE1;

			}

			#tab1 span a{

				color: #596A7B;

				text-decoration: none;

				display: block;

				float: left;

				margin: 0px;

				padding: 0px 15px;

				height: 36px;

				line-height: 36px;

				background-color: #F7F7F7;

				font-size: 14px;

				text-align: center;

				border-top: 1px solid #DBDEE1;

				border-bottom: 1px solid #DBDEE1;

				border-right: 1px solid #DBDEE1;

			}

			#tab1 span a.active1{

				background-color: white;

				border-bottom: 1px solid white;

			}

		</style>

		<script>

			/*请在指定位置写出相应的javascript程序代码*/

            

































		</script>

	</head>

	<body>

		<div id="outer">

			<div id="tab1">

				<span><a href="#" class="active1">游戏</a></span>

				<span><a href="#">新网游</a></span>

				<span><a href="#">新手卡</a></span>

				<span><a href="#">有奖活动</a></span>

				<span><a href="#">手游</a></span>

			</div>

			<section style="display: block;">

				<div ><img src="img/U3.jpg"/><p><a href="#">新疆美女沉迷LOL</a></p></div>

				<ul>

					<li><a href="#">E3大展：莎木3最终幻想7震撼公布</a></li>

					<li><a href="#">射击独占大作 战争机器4宣传视频</a></li>

					<li><a href="#">逆天收入 部落战争每天收入960万</a></li>

					<li><a href="#">半数魔兽玩家认为6.2新套装难看</a></li>

				</ul>

			</section>

			<section>

				<div ><img src="img/U4.jpg"/><p><a href="#">上周首爆新游回顾</a></p></div>

				<ul>

					<li><a href="#">微软公布模拟现实网游 《ION》</a></li>

					<li><a href="#">螺旋猫性感COS英雄联盟女英雄</a></li>

					<li><a href="#">古剑奇谭网络版咒隐视频首曝光</a></li>

					<li><a href="#">《全职大师》首测精彩视频集锦</a></li>

				</ul>

			</section>

			<section>

				<div ><img src="img/U5.jpg"/><p><a href="#">《天谕》时装礼包</a></p></div>

				<ul>

					<li><a href="#">《魔域》 奇想童乐新手箱 专区</a></li>

					<li><a href="#">《问道》 决战昆仑至尊礼包 专区</a></li>

					<li><a href="#">《不打不相识》豪华礼包 专区</a></li>

					<li><a href="#">《奇迹MU》新浪独家礼包 专区</a></li>

				</ul>

			</section>

			<section>

				<div ><img src="img/U6.jpg"/><p><a href="#">玩天谕赢苹果手表</a></p></div>

				<ul>

					<li><a href="#">不打不相识红包季 升级领取红包</a></li>

					<li><a href="#">《魔域》公测开启 玩游戏送红包</a></li>

					<li><a href="#">玩《奇迹MU》S9版本赢丰厚奖品</a></li>

					<li><a href="#">风暴英雄公测 发微博赢苹果手表</a></li>

				</ul>

			</section>

			<section>

				<div ><img src="img/U7.jpg"/><p><a href="#">勇者斗恶龙手游</a></p></div>

				<ul>

					<li><a href="#">火柴人联盟:LOL题材横版动作游戏</a></li>

					<li><a href="#">Ben Brode:炉石传说烂牌亦将有用</a></li>

					<li><a href="#">《辐射:避难所》免费登陆iOS平台</a></li>

					<li><a href="#">《火炬之光》手游年内上架双平台</a></li>

				</ul>

			</section>

		</div>

	</body>

</html>
...全文
318 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2016-08-28
  • 打赏
  • 举报
 回复 

<html>  
	<head>
		<title></title>
		<meta charset="utf-8" />
		<style>
			#outer{
				margin: 0px;
				padding: 0px;
				width: 360px;
			}
			#tab p{
				float: right;
				height: 36px;
				line-height: 40px;
				margin: 0px 10px 0px 0px;
				font-size: 12px;
				text-align: center;
				color: #6E6E6E;
			}
			#tab p a{
				color: #7A7A7A;
				text-decoration: none;
			}
			#tab p a:hover,#outer section ul a:hover{color: #FF8400;text-decoration: underline;}
			#outer section{clear: both;margin-top: 20px;display:none;}
			#outer section div{float: left; margin-right: 25px;margin-top: 5px;}
			#outer section div p{
				background-color: black;
				margin: 0px;
				height: 20px;
				line-height: 20px;
				text-align: center;
			}
			#outer section div p a{
				font-size: 12px;
				color: white;
				text-decoration: none;
			}
			#outer section div p a:hover{color: #FF8400;}
			#outer section ul{
				margin:0px;
				list-style-type: square;
				color: #FF8400;
				font-size: 10px;
			}
			#outer section ul a{
				font-size: 14px;
				color: #122E67;
				text-decoration: none;
				line-height: 25px;
				margin: 0px;
			}
			#outer section ul.u2{
				margin-left: -25px;
			}
			#tab1{
				margin-top: 10px;
				width: 360px;
				height: 36px;
				border-left: 1px solid #DBDEE1;
			}
			#tab1 span a{
				color: #596A7B;
				text-decoration: none;
				display: block;
				float: left;
				margin: 0px;
				padding: 0px 15px;
				height: 36px;
				line-height: 36px;
				background-color: #F7F7F7;
				font-size: 14px;
				text-align: center;
				border-top: 1px solid #DBDEE1;
				border-bottom: 1px solid #DBDEE1;
				border-right: 1px solid #DBDEE1;
			}
			#tab1 span a.active1{
				background-color: white;
				border-bottom: 1px solid white;
			}
		</style>
		<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
		
		<script>
$(function(){
	var section = $("#outer section");
	var tab = $("#tab1 a");
	tab.click(function(event){
		tab.removeClass("active1");
		$(this).addClass("active1");
		section.hide();
		section.eq(tab.index(this)).show();
	});
	
});           
		</script>
	</head>
	<body>
		<div id="outer">
			<div id="tab1">
				<span><a href="#" class="active1">游戏</a></span>
				<span><a href="#">新网游</a></span>
				<span><a href="#">新手卡</a></span>
				<span><a href="#">有奖活动</a></span>
				<span><a href="#">手游</a></span>
			</div>
			<section style="display: block;">
				<div ><img src="img/U3.jpg"/><p><a href="#">新疆美女沉迷LOL</a></p></div>
				<ul>
					<li><a href="#">E3大展：莎木3最终幻想7震撼公布</a></li>
					<li><a href="#">射击独占大作 战争机器4宣传视频</a></li>
					<li><a href="#">逆天收入 部落战争每天收入960万</a></li>
					<li><a href="#">半数魔兽玩家认为6.2新套装难看</a></li>
				</ul>
			</section>
			<section>
				<div ><img src="img/U4.jpg"/><p><a href="#">上周首爆新游回顾</a></p></div>
				<ul>
					<li><a href="#">微软公布模拟现实网游 《ION》</a></li>
					<li><a href="#">螺旋猫性感COS英雄联盟女英雄</a></li>
					<li><a href="#">古剑奇谭网络版咒隐视频首曝光</a></li>
					<li><a href="#">《全职大师》首测精彩视频集锦</a></li>
				</ul>
			</section>
			<section>
				<div ><img src="img/U5.jpg"/><p><a href="#">《天谕》时装礼包</a></p></div>
				<ul>
					<li><a href="#">《魔域》 奇想童乐新手箱 专区</a></li>
					<li><a href="#">《问道》 决战昆仑至尊礼包 专区</a></li>
					<li><a href="#">《不打不相识》豪华礼包 专区</a></li>
					<li><a href="#">《奇迹MU》新浪独家礼包 专区</a></li>
				</ul>
			</section>
			<section>
				<div ><img src="img/U6.jpg"/><p><a href="#">玩天谕赢苹果手表</a></p></div>
				<ul>
					<li><a href="#">不打不相识红包季 升级领取红包</a></li>
					<li><a href="#">《魔域》公测开启 玩游戏送红包</a></li>
					<li><a href="#">玩《奇迹MU》S9版本赢丰厚奖品</a></li>
					<li><a href="#">风暴英雄公测 发微博赢苹果手表</a></li>
				</ul>
			</section>
			<section>
				<div ><img src="img/U7.jpg"/><p><a href="#">勇者斗恶龙手游</a></p></div>
				<ul>
					<li><a href="#">火柴人联盟:LOL题材横版动作游戏</a></li>
					<li><a href="#">Ben Brode:炉石传说烂牌亦将有用</a></li>
					<li><a href="#">《辐射:避难所》免费登陆iOS平台</a></li>
					<li><a href="#">《火炬之光》手游年内上架双平台</a></li>
				</ul>
			</section>
		</div>
	</body>
</html>
qq_35983245 2016-08-28
  • 打赏
  • 举报
 回复
补充js 实现tab栏切换
天际的海浪 2016-08-28
  • 打赏
  • 举报
 回复
具体什么问题都没说？
一个典型的接口实例
请高手下载这个资源，给我弄个积分，我要积分下载个教程，大神们谢谢你了，这个程序也是我自己写的，边学习边将自己练习的程序共享出来，供初学者下载学习，我有2个积分我就把自己编写的，初学者容易理解的程序不带积分的分享给大家，相信1+1>>2.谢谢了！
Image-Enc-Secret-Share:一种基于AES的图像加密保密共享教科书程序
About this 密码学第三次作业，第一部分，图像加密与秘密共享 使用pycrypto模块，先散列后AES加密。 大致思路 对N位用户，创建N个密钥。对于第i个密钥Ki，生成方式如下： 构建一个一元i-1次多项式 将i个系数拼接为字符串，通过MD5散列至128bit的值H 以H为基础，生成一个AES密钥Ki(本程序取Ki = H) 加密过程中，随机选取N个密钥中的Ki, 并将选取结果存入key_sequence.txt中。将每个用户的 密钥碎片存入keystore_i中。 ##使用方法 运行shareSecrete.py TODO 暂时密钥空间是10bit，虽然python是支持128bit的，但是numpy模块的矩阵运算部分对高精度整数的支持比较混乱时间仓促没有弄好 希望有大神抽出时间加以贡献完善。提示：需要重新实现key_util.key_restore中的np.linalg.so
PPT大神之路高清教程
教程囊括了PPT基本操作技巧、各类版式设计、SmartArt、图表设计、配色原理及多媒体的应用、切换与动画效果以及幻灯片母版的使用原理。将创意融入到PPT的设计之中，帮助大家快速的掌握PPT各种功能操作技巧，并充分...
.php index丢失,thinkPHP 每次跳转至后，入口文件就会丢失，哪位大神教教我
http://localhost/project/shop/index.php/Home/Product/product.html?cateid=6点击一个分页按钮之后(其他按钮都一样，拿分页为例)http://localhost/project/shop/Home/Product/product/cateid/6/p/2.html中间的index.php丢失了，页面就不显示了。下面贴上入口文件代...
求大神教教卡盟源码怎么弄啊
烦死了
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章