思享工具箱

百度首页

摘要：
--可在移动终端上调用带有搜索按钮的固定格式虚拟键盘-->登录
 <!DOCTYPE html>
 <html>
 <head lang="en">
 <meta charset="UTF-8">
 <meta name="viewport"
 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
 <title>京东首页</title>
 <link rel="stylesheet" href="http://t.zoukankan.com/base.css"/>
 <link rel="stylesheet" href="http://t.zoukankan.com/index.css"/>
 </head>
 <body>
 <!--主体容器-->
 <div class="jd_layout">
 <!--收索部分-->
 <header class="jd_header">
 <div class="jd_header_box">
 <a href="http://t.zoukankan.com/javascript:;" class="icon_logo"></a>
 <!--固定格式 在移动端可以调用出虚拟键盘 带有搜索按钮-->
 <form action="#">
 <span class="icon_search"></span>
 <input type="search" placeholder="小依一"/>
 </form>
 <a href="http://t.zoukankan.com/javascript:;" class="login">登录</a>
 </div>
 </header>
 <!--轮播图-->
 <div class="jd_banner">
 <ul class="clearfix">
 <li><a href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/l8.jpg" alt=""/></a></li>
 <li><a href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/l1.jpg" alt=""/></a></li>
 <li><a href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/l2.jpg" alt=""/></a></li>
 <li><a href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/l3.jpg" alt=""/></a></li>
 <li><a href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/l4.jpg" alt=""/></a></li>
 <li><a href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/l5.jpg" alt=""/></a></li>
 <li><a href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/l6.jpg" alt=""/></a></li>
 <li><a href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/l7.jpg" alt=""/></a></li>
 <li><a href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/l8.jpg" alt=""/></a></li>
 <li><a href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/l1.jpg" alt=""/></a></li>
 </ul>
 <ul>
 <li class="now"></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 </ul>
 </div>
 <!-- 导航栏-->
 <nav class="jd_nav">
 <ul class="clearfix">
 <li>
 <a href="http://t.zoukankan.com/javascript:;">
 <img src="http://t.zoukankan.com/images/nav0.png" alt=""/>
 <p>分类</p>
 </a>
 </li>
 <li>
 <a href="http://t.zoukankan.com/javascript:;">
 <img src="http://t.zoukankan.com/images/nav1.png" alt=""/>
 <p>分类</p>
 </a>
 </li>
 <li>
 <a href="http://t.zoukankan.com/javascript:;">
 <img src="http://t.zoukankan.com/images/nav2.png" alt=""/>
 <p>分类</p>
 </a>
 </li>
 <li>
 <a href="http://t.zoukankan.com/javascript:;">
 <img src="http://t.zoukankan.com/images/nav3.png" alt=""/>
 <p>分类</p>
 </a>
 </li>
 <li>
 <a href="http://t.zoukankan.com/javascript:;">
 <img src="http://t.zoukankan.com/images/nav4.png" alt=""/>
 <p>分类</p>
 </a>
 </li>
 <li>
 <a href="http://t.zoukankan.com/javascript:;">
 <img src="http://t.zoukankan.com/images/nav5.png" alt=""/>
 <p>分类</p>
 </a>
 </li>
 <li>
 <a href="http://t.zoukankan.com/javascript:;">
 <img src="http://t.zoukankan.com/images/nav6.png" alt=""/>
 <p>分类</p>
 </a>
 </li>
 <li>
 <a href="http://t.zoukankan.com/javascript:;">
 <img src="http://t.zoukankan.com/images/nav7.png" alt=""/>
 <p>分类</p>
 </a>
 </li>
 </ul>
 </nav>
 <!-- 内容部分-->
 <main class="jd_product">
 <section class="jd_product_box">
 <div class="jd_product_tit no_border">
 <div class="f_left mL10">
 <span class="sk_icon"></span>
 <span class="sk_name">掌上秒杀</span>
 <div class="sk_time">
 <span>0</span>
 <span>0</span>
 <span>:</span>
 <span>0</span>
 <span>0</span>
 <span>:</span>
 <span>0</span>
 <span>0</span>
 </div>
 </div>
 <div class="f_right mR10">
 <a href="http://t.zoukankan.com/javascript:;">更多></a>
 </div>
 </div>
 <div class="jd_product_con">
 <ul class="clearfix sk_product">
 <li>
 <a href="http://t.zoukankan.com/javascript:;">
 <img src="http://t.zoukankan.com/images/detail01.jpg" alt=""/>
 </a>
 <p class="new_price">&yen;10.00</p>
 <p class="old_price">&yen;1000.00</p>
 </li>
 <li>
 <a href="http://t.zoukankan.com/javascript:;">
 <img src="http://t.zoukankan.com/images/detail02.jpg" alt=""/>
 </a>
 <p class="new_price">&yen;10.00</p>
 <p class="old_price">&yen;1000.00</p>
 </li>
 <li>
 <a href="http://t.zoukankan.com/javascript:;">
 <img src="http://t.zoukankan.com/images/detail01.jpg" alt=""/>
 </a>
 <p class="new_price">&yen;10.00</p>
 <p class="old_price">&yen;1000.00</p>
 </li>
 </ul>
 </div>
 </section>
 <section class="jd_product_box">
 <div class="jd_product_tit"><h3>京东超市</h3></div>
 <div class="jd_product_con clearfix">
 <a class="w50 b-right f_left" href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/cp1.jpg" alt=""/></a>
 <a class="w50 b_bottom f_right" href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/cp2.jpg" alt=""/></a>
 <a class="w50 f_right" href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/cp3.jpg" alt=""/></a>
 </div>
 </section>
 <section class="jd_product_box">
 <div class="jd_product_tit"><h3>京东超市</h3></div>
 <div class="jd_product_con clearfix">
 <a class="w50 b-right f_right " href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/cp4.jpg" alt=""/></a>
 <a class="w50 b_bottom f_left" href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/cp5.jpg" alt=""/></a>
 <a class="w50 f_left" href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/cp6.jpg" alt=""/></a>
 </div>
 </section>
 <section class="jd_product_box">
 <div class="jd_product_tit"><h3>京东超市</h3></div>
 <div class="jd_product_con clearfix">
 <a class="w50 b-right f_left" href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/cp1.jpg" alt=""/></a>
 <a class="w50 b_bottom f_right" href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/cp2.jpg" alt=""/></a>
 <a class="w50 f_right" href="http://t.zoukankan.com/javascript:;"><img src="http://t.zoukankan.com/images/cp3.jpg" alt=""/></a>
 </div>
 </section>
 </main>
 </div>
 <script src="http://t.zoukankan.com/js/commen.js"></script>
 <script src="http://t.zoukankan.com/js/index.js"></script>
 </body>
 </html>

标签：#javascript | 浏览：200 | 发布日期：

免责声明：文章转载自《百度首页》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

上篇EhLib的行Checkboxasp.net CommandArgument用法下篇

宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=

相关文章

JavaScript History 对象

一、History对象 History 对象包含用户（在浏览器窗口中）访问过的 URL。 History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。 注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。 1. History 对象属性 length: 地址栏中 url的数量 st...

前端性能优化常用方法

网页内容 1.1 减少http请求次数 1.1.1捆绑文件 通过一些现成的库将多个脚本文件捆绑成一个文件，将多个样式表文件捆绑成一个文件，以此来减少文件的下载次数。 1.1.2CSS Sprites 把多个图片拼成一副图片，然后通过CSS来控制需要显示图片的位置（ CSS Sprites Generator） 1.1.3Inline images 通过Ba...

WebBrowser介绍——Javascript与C++互操作

WebBrowser控件是Microsoft提供的一个用于网页浏览的客户端控件，WebBrowser控件的使用相当广泛，例如很多邮件客户端都是使用可编辑的WebBrowser控件作为写邮件的工具，也有很多软件用WebBrowser控件弹出网页，如qq的新闻首页。 微软的MFC和.NET都有WebBrowser控件，这两个控件虽然容易上手，不过由于包装的太好...

用近似静态语言、强类型语言的TypeScript开发属于动态语言、弱类型语言的JavaScript

    对于我们写习惯了强类型、静态类型语言的开发人员来讲，开发弱类型、动态类型语言的程序可真是头痛呀。特别是的走微软技术路线，用习惯了强大无比的VS系列工具的开发人员，VS2003，VS2005，VS2008，VS2010，VS2012。。。。。。还有这些工具与其相结合的强类型语言，比如C#，那用起来多爽呀。     先来看看弱类型语言有些特点吧，如果自...

【译】Js基础运行机制

一、js的工作原理：引擎、运行时与调用栈概述 JavaScript引擎的一个流行示例是Google的V8引擎。比如，V8引擎用于Chrome和Node.js。 该引擎包括两个主要组件：*内存堆-这是内存分配的地方*调用堆栈-这是代码执行时堆栈帧的位置 运行时浏览器中有几乎所有JavaScript开发人员都在使用的API（例如“ setTimeout”）。...

js 弹出确认 取消对话框

//删除房源信息 functiondeleteHouse(){ var id=$(this).parent().parent().find(".checkbox").val(); console.log(id); //alert("确定要删除"+id+"吗？"); if(confirm('确定要删除吗？')){...

最新文章

随机推荐

思享工具箱导航