Website HTML Source Code Viewer

Enter the URL below to view the source code of a website or other publicly accessible Internet page.
As long it is online and freely available for viewing, this tool can show the code that is used to display the page.
Example: sourcecodefor.com or twitter.com/sourcecodefor (Do NOT include the http:// prefix)

You searched for 360.cn here on our online source code viewer.
If 360.cn did not produce the results you expected then you can start a new source code lookup and try again.

If 360.cn was your target search, then your requested results are displayed below.
If 360.cn was a typo or not a real and accessible web page, then the results below are blank. If blank then try again or browse recently searched pages below.
Source Code For
<!DOCTYPE html> <!--[if lt IE 7 ]><html class="ie6" lang="zh-cn"><![endif]--> <!--[if IE 7 ]><html class="ie7" lang="zh-cn"><![endif]--> <!--[if IE 8 ]><html class="ie8" lang="zh-cn"><![endif]--> <!--[if IE 9 ]><html class="ie9" lang="zh-cn"><![endif]--> <!--[if (gt IE 9)|!(IE)]><!--><html class="modern" lang="zh-cmn-Hans"><!--<![endif]--> <head> <meta charset="UTF-8" /> <meta name="renderer" content="webkit" /> <title>360公司官网 - 360安全软件 - 360智能硬件 - 360智能家居 - 360企业服务</title> <meta name="Keywords" content="360,360安全卫士,360杀毒,360手机卫士,360安全浏览器,360极速浏览器,360商城,360手机,360智能家居,360智能摄像机,360儿童卫士智能手表,360行车记录仪,360电脑管家,软件管家,软件助手,杀毒软件,免费杀毒软件,企业杀毒软件,智能硬件,智能手机,智能家居,软件管家,安全浏览器,查杀木马" /> <meta name="Description" content="360免费安全软件平台和智能硬件家居平台,免费安全软件平台为用户提供360安全卫士、360免费杀毒软件、360企业杀毒软件、360安全浏览器等安全软件。智能硬件家居平台包含360手机、智能摄像机、儿童智能手表、行车记录仪、智能路由器、超级充电器等智能硬件。" /> <link rel="icon" href="http://www.360.cn/favicon.ico" /> <style type="text/css">/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /** * Base reset. */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } ul, ol { list-style: none; } /** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; }</style> <style type="text/css">body { font-size: 12px; line-height: 1.5; color: #333; font-family: arial, "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1"; -webkit-font-smoothing: antialiased } #sidebar{ width:170px; height:530px; padding:300px; float:center; margin:20px; font-size:15px; font-family: arial } #sidebar ul li{ height:130px; line-height:130px; padding:0 0 0 20px; color: #333; } #sidebar ul li dq{ height:30px; line-height:30px; padding:0 0 0 20px; font-weight:blode; color: #23ac38; } #sidebar ul li a{ color: #333; text-decoration:underline; } #sidebar ul li a:hover{ color: #23ac38; text-decoration:underline; } #doc { min-width: 1240px; overflow: hidden } #doc-hd{ position: relative; z-index: 10; } a { color: #333; text-decoration: none } a:hover { color: #23ac38 } img { vertical-align: middle } .container { width: 1240px; margin: 0 auto } #topbar { height: 36px; font-size: 14px; background: #f5f5f5; } #topbar .container { position: relative; overflow: hidden } #topbar .left-content { float: left; margin-top: 10px } #topbar .left-content a { float: left; height: 14px; margin-right: 25px; line-height: 14px; color: #999999 } .ie6 #topbar .left-content a, .ie7 #topbar .left-content a { line-height: 16px; } #topbar .left-content a:hover { color: #23ac38 } #topbar .left-content .chinese-version { color: #23ac38; } #topbar .right-content { float: right } #topbar .right-content a { float: left; height: 14px; margin-top: 10px; margin-left: 25px; line-height: 14px; color: #999999 } .ie6 #topbar .right-content a, .ie7 #topbar .right-content a { line-height: 16px; } #topbar .user-block { float: left; } #topbar .user-block a:hover { color: #23ac38 } #header-block { position: relative; z-index: 11; height: 120px } #logo { position: absolute; left: 0; top: 28px } #search-block { position: absolute; right: 0; top: 38px; height: 40px; width: 306px; border: 2px solid #23ac38; } #search-block .input-out { float: left; width: 196px; height: 28px; padding: 6px; line-height: 28px; background-repeat: no-repeat } .ie6 #search-block .input-out { margin-right: -3px; } #search-block .input-out .input-text { width: 196px; height: 28px; font-size: 14px; line-height: 28px; outline: 0; border: 0; background: 0; vertical-align: middle; font-family: arial, "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1" } #search-block .input-out .txt-default { color: #999 } #search-block .btn-submit { float: right; box-sizing: content-box; width: 96px; height: 40px; padding: 0; border: none; color: #fff; font-size: 14px; background-color: #23ac38 } #search-block .btn-submit:hover { background-color: #00c749 } .ie7 #search-block .btn-submit, .ie6 #search-block .btn-submit { height: 42px } #nav-block { position: absolute; top: 120px; z-index: 10; width: 100%; background: #fff; } #nav { position: absolute; left: 195px; top: 30px; height: 60px; line-height: 60px; font-size: 17px; } #nav .item { float: left; padding: 0 15px; } #nav .item a { } #nav .item a:hover { color: #23ac38; } #nav .on a { color: #23ac38 } #subnav { display: none; width: 100%; height: 360px; margin: 0 auto; padding-top: 15px; border-top: 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-shadow: 0 3px 4px rgba(0,0,0,0.18); } #subnav .item { width: 1240px; margin: 0 auto; display: none } #subnav .active { display: block } #subnav .cate { display: inline; float: left; width: 180px; margin-left: 40px; line-height: 48px } #subnav .cate a { display: inline-block; width: auto; color: #666 } #subnav .cate a:hover { color: #23ac38 } #subnav .cate .title { margin-bottom: 15px; font-size: 18px; color: #333 } #subnav .cate .product { line-height: 40px; margin-bottom: 15px; font-size: 14px } #subnav .cate .product img { width: 40px; height: 40px; vertical-align: middle; margin-right: 10px } #subnav .cate .link { font-size: 14px; line-height: 16px; margin-bottom: 14px } #subnav .mul-link .link { float: left; width: 90px } #subnav .col3 .cate { width: 260px } #subnav .game .cate { width: 258px; padding-left: 26px; margin-left: 0 } #subnav .game .cate .link a { float: left; height: 16px; line-height: 16px; margin-bottom: 15px } #subnav .game .cate .col3 { margin-left: -45px } #subnav .game .cate .col3 a { display: inline; margin-left: 45px } #subnav .game .cate .col5 { margin-left: -29px } #subnav .game .cate .col5 a { display: inline; margin-left: 29px } #subnav .game .game-nav { clear: both; padding-left: 26px; font-size: 18px } #subnav .game .game-nav a { width: auto; display: inline; color: #333; margin-right: 30px } #subnav .game .game-nav a:hover { color: #23ac38 } #subnav .game .game-nav i { margin: 0 6px; color: #999 } #nav-pop-block { position: relative; width: 100%; height: 0 } #nav-pop-block .item { position: absolute; left: 0; display: none; padding-top: 15px; width: 928px; height: 414px; border: 1px solid #e5e5e5; border-top: 0 } #nav-pop-block .item .cate { display: inline; float: left; width: 180px; margin-left: 40px; line-height: 48px } #nav-pop-block .item .cate a { color: #666 } #nav-pop-block .item .cate a:hover { color: #23ac38 } #nav-pop-block .item .cate .title { margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; color: #333 } #nav-pop-block .item .cate .product { line-height: 40px; margin-bottom: 15px; font-size: 14px } #nav-pop-block .item .cate .product img { vertical-align: middle; margin-right: 10px } #nav-pop-block .item .cate .link { font-size: 14px; line-height: 16px; margin-bottom: 15px } #nav-pop-block .item .mul-link .link { float: left; width: 90px } .focus-block { overflow: hidden; position: relative; height: 560px; margin-bottom: 35px; border: 1px solid #e5e5e5; } .focus-slide { overflow: hidden; position: absolute; width: 858px; height: 398px; left: 0; top: 0; border-bottom: 1px solid #e5e5e5; } .focus-slide .tabs { position: absolute; top: -1px; left: -1px; z-index: 3 } .focus-slide .tabs .tabitem { position: absolute; top: 0; left: 0; width: 40px; height: 200px; font-size: 16px; line-height: 18px; cursor: pointer } .focus-slide .tabs .tabitem .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=10); opacity: .1 } .focus-slide .tabs .tabitem .text { position: absolute; left: 0; top: 50%; width: 16px; margin-top: -36px; padding: 0 12px; color: #fff; filter: alpha(opacity=50); opacity: .5 } .focus-slide .tabs .tabitem:hover .bg { background-image: none; background-color: #000; filter: alpha(opacity=40); opacity: .4 } .focus-slide .tabs .tabitem:hover .text { filter: alpha(opacity=100); opacity: 100 } .focus-slide .tabs .second { top: 200px } .focus-slide .tabs .active .bg { background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-position: 0 -295px; background-color: transparent; filter: alpha(opacity=100); opacity: 1 } .focus-slide .tabs .active .text { filter: alpha(opacity=100); opacity: 100 } .focus-slide .views .viewitem { top: 0; left: 0 } .focus-slide .slide-pagination { position: absolute; bottom: 20px; left: 50%; z-index: 5; margin-left: -48px } .focus-slide .slide-pagination a { float: left; margin: 0 10px; width: 12px; height: 12px; border-radius: 6px; background-color: #000; font-size: 0; filter: alpha(opacity=30); opacity: .3 } .focus-slide .slide-pagination .active { background-color: #fff; filter: alpha(opacity=100); opacity: 1 } .focus-slide .switchable { position: relative; z-index: 1; width: 100%; height: 398px; overflow: hidden } .focus-slide .switchable>div { width: 100%; height: 398px; position: relative; overflow: hidden } .focus-slide .switchable .items li { float: left; width: 858px; height: 100%; text-align: center } .focus-slide .btn-prev, .focus-slide .btn-next { display: none; position: absolute; top: 50%; z-index: 3; width: 40px; height: 64px; margin-top: -32px } .focus-slide .btn-prev { left: 39px; background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-position: 0 0 } .focus-slide .btn-prev:hover { background-position: -45px 0 } .focus-slide .btn-next { right: 0; background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-position: 0 -75px } .focus-slide .btn-next:hover { background-position: -45px -75px } .focus-slide.mouseenter .btn-prev, .focus-slide.mouseenter .btn-next { display: block } .focus-product { position: absolute; width: 858px; height: 124px; top: 415px; left: 0; } .focus-product .product-item { float: left; width: 286px; height: 124px; } .focus-product .product-item .pic { display: inline; float: left; margin-top: 14px; margin-left: 10px } .focus-product .product-item .text { margin-top: 10px } .focus-product .product-item .text .title { padding-top: 15px; font-size: 18px; line-height: 2 } .focus-product .product-item .text .desc { color: #999; line-height: 20px } .focus-product .first-item { border: 0 } .fast-download { position: absolute; right: 0; width: 339px; height: 249px; padding: 0 20px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 } .fast-download .box-hd { position: relative; margin: 15px 0; width: 350px; } .fast-download .box-hd .title { color: #23ac38; font-size: 20px } .fast-download .box-hd .more { position: absolute; top: 0; right: 0; line-height: 30px; color: #999 } .fast-download .box-hd .more:hover { color: #23ac38 } .fast-download .item { position: relative; float: left; width: 49.9%; height: 44px; line-height: 44px; font-size: 14px; } .fast-download .item .pic { margin-right: 6px; } .fast-download .item .download { position: absolute; top: 13px; right: 10px; width: 17px; height: 17px; background: url(http://p3.qhmsg.com/t01a009f0594a97cfbf.png); } .safety { position: relative; height: 30px; margin-top: -6px; margin-bottom: 12px; font-size: 14px; line-height: 30px; } .safety-level { padding: 3px 8px 3px 10px; border-radius: 10px; font-size: 12px; color: #fff; vertical-align: middle; margin-left: 10px; } .safety-desc { display: none; position: absolute; left: 0; top: 30px; width: 317; padding: 10px; border: 1px solid rgb(204, 204, 204); font-size: 12px; color: #7d7d7d; line-height: 1.5; background: rgb(255, 255, 223); } .safety-desc-content { text-indent: 2em; text-align: justify; } .safety-desc h3 { font-weight: bold; margin-bottom: 5px; } .news-block { position: absolute; top: 250px; right: 0; width: 339px; height: 310px; padding: 0 20px; border-left: 1px solid #e5e5e5; } .news-block .box-hd { position: relative; margin: 15px 0 } .news-block .box-hd .title { color: #23ac38; font-size: 20px } .news-block .box-hd .more { position: absolute; top: 0; right: 0; line-height: 30px; color: #999 } .news-block .box-hd .more:hover { color: #23ac38 } .news-block .headline { margin-bottom: 20px } .news-block .headline .pic { float: left; width: 70px; height: 68px; margin-right: 15px } .news-block .headline .title { font-size: 14px; line-height: 2; white-space: nowrap } .news-block .headline .desc { color: #999 } .news-block .news-list { font-size: 14px; line-height: 2 } .news-block .news-list .cate { color: #999 } .box .box-hd { margin-bottom: 15px; font-size: 20px; color: #23ac38; line-height: 1.5 } .box .box-bd { border: 1px solid #e5e5e5 } .soft-block { width: 608px; float: left; margin-bottom: 40px } .soft-block .box-bd { position: relative; overflow: hidden } .soft-block .star-list { margin-left: -1px } .soft-block .star-list .item { float: left; width: 302px; height: 100px; padding: 10px 0; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 } .soft-block .star-list .pic { display: inline; float: left; width: 60px; height: 60px; margin-left: 30px; margin-right: 20px } .soft-block .star-list .text { zoom: 1; overflow: hidden } .soft-block .star-list .text .title { font-size: 18px; line-height: 2 } .soft-block .star-list .text .desc { margin-bottom: 15px; color: #999 } .soft-block .star-list .text .download a { float: left; width: 68px; height: 28px; border: 1px solid #e5e5e5; border-radius: 3px; line-height: 28px; font-size: 14px; text-align: center; margin-right: 10px } .soft-block .star-list .text .download a:hover { color: #333; background-color: #f5f5f5 } .soft-block .cate-list { height: 229px; padding: 25px 0 } .soft-block .cate-list .item { height: 60px; margin-bottom: 24px; margin-right: 25px; padding-left: 110px; background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-repeat: no-repeat } .soft-block .cate-list .last-item { margin-bottom: 0 } .soft-block .cate-list .title { display: none } .soft-block .cate-list dd { margin-right: 15px; line-height: 30px; font-size: 14px; float: left; white-space: nowrap } .soft-block .cate-list .cate-pc { background-position: -95px 0 } .soft-block .cate-list .cate-mobile { background-position: -95px -60px } .soft-block .cate-list .cate-open { background-position: -95px -120px } .mall-block { overflow: hidden; width: 608px; float: right; margin-bottom: 40px } .mall-block .mall-slide { height: 321px; border-bottom: 1px solid #e5e5e5 } .mall-block .mall-slide .switchable { position: relative; width: 100%; height: 321px; overflow: hidden } .mall-block .mall-slide .switchable>div { width: 100%; height: 321px; position: relative; overflow: hidden } .mall-block .mall-slide .switchable .items { width: 2630px !important } .mall-block .mall-slide .switchable .items li { float: left; width: 608px; height: 100%; text-align: center } .mall-block .mall-slide .switchable .slide-pagination { position: absolute; bottom: 25px; left: 50%; z-index: 10; width: 96px; height: 12px; margin-left: -48px } .mall-block .mall-slide .switchable .slide-pagination a { float: left; margin: 0 5px; width: 12px; height: 12px; border-radius: 6px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background: #000; font-size: 0; filter: alpha(opacity=20); opacity: .2 } .mall-block .mall-slide .switchable .slide-pagination .active { background: #23ac38; filter: alpha(opacity=100); opacity: 1 } .mall-block .mall-slide .switchable .prev, .mall-block .mall-slide .switchable .next { display: none; position: absolute; top: 50%; width: 40px; height: 64px; margin-top: -32px } .mall-block .mall-slide .mouseenter .prev, .mall-block .mall-slide .mouseenter .next { display: block } .mall-block .mall-slide .switchable .prev { left: 0; background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-position: 0 0 } .mall-block .mall-slide .switchable .prev:hover { background-position: -45px 0 } .mall-block .mall-slide .switchable .next { right: 0; background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-position: 0 -75px } .mall-block .mall-slide .switchable .next:hover { background-position: -45px -75px } .mall-block .mall-recommend { margin-left: -1px; border-bottom: 1px solid #e5e5e5 } .mall-block .mall-recommend .item { float: left; width: 262px; padding: 10px 10px 11px 30px; border-left: 1px solid #e5e5e5 } .mall-block .mall-recommend .pic { float: right } .mall-block .mall-recommend .text { display: inline; margin-left: 10px; margin-top: 25px; line-height: 20px } .mall-block .mall-recommend .title { font-size: 18px; line-height: 2 } .mall-block .mall-recommend .desc, .mall-block .mall-recommend .price { color: #999 } .mall-block .cate-list { height: 229px; padding: 25px 0 } .mall-block .cate-list .item { height: 60px; margin-bottom: 24px; margin-right: 25px; padding-left: 110px; background-image: url('http://p7.qhimg.com/t015e714ed0a01eed01.png'); background-repeat: no-repeat } .mall-block .cate-list .last-item { margin-bottom: 0 } .mall-block .cate-list .title { display: none } .mall-block .cate-list dd { margin-right: 15px; line-height: 30px; font-size: 14px; float: left; white-space: nowrap } .mall-block .cate-list .cate-qiku { background-position: -95px -504px } .mall-block .cate-list .cate-jiaju { background-position: -95px -180px } .mall-block .cate-list .cate-yiliao { background-position: -95px -240px } .mall-block .cate-list .cate-youxi { background-position: -95px -300px } .business-block { clear: both; margin-bottom: 55px } .business-block .box-bd { padding: 15px 6px } .business-block .slide { width: 2480px; height: 68px } .business-block .list { width: 1226px; float: left } .business-block .list .item { display: inline; width: 220px; float: left; margin: 0 12px } .business-block .switchable { position: relative; height: 68px } .business-block .switchable .slide { width: 100%; height: 68px; position: relative; overflow: hidden } .business-block .switchable .items { width: 2452px !important } .business-block .switchable .btn-prev, .business-block .switchable .btn-next { position: absolute; top: 50%; width: 30px; height: 50px; margin-top: -25px } .business-block .switchable .btn-prev { left: -40px; background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-position: 0 -140px } .business-block .switchable .btn-prev:hover { background-position: -30px -140px } .business-block .switchable .btn-next { right: -40px; background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-position: 0 -190px } .business-block .switchable .btn-next:hover { background-position: -30px -190px } .related-block { margin-left: -40px; margin-bottom: 50px } .related-block .box { float: left; width: 280px; display: inline; margin-left: 40px } .related-block .box-hd { position: relative } .related-block .box-hd .more { position: absolute; top: 0; right: 0; line-height: 30px; font-size: 14px; color: #999 } .related-block .box-hd .more:hover { color: #23ac38 } .related-block .box-bd { border: 0 } .related-block .headline { margin-bottom: 10px } .related-block .headline img { vertical-align: middle } .related-block .headline .text { height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #999; background-color: #f6f6f6 } .related-block .news-list { font-size: 14px; line-height: 34px } .related-block .news-list .item { padding-left: 13px; background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-repeat: no-repeat; background-position: -150px -359px } .related-block .news-list .cate { color: #999 } .related-block .news-list a { color: #666 } .related-block .news-list a:hover { color: #23ac38 } #bottom-nav { padding: 40px 0 50px; background-color: #f6f6f6 } #bottom-nav .container { position: relative; overflow: hidden } #bottom-nav .cate-nav { float: left; margin-left: -30px } #bottom-nav .cate-nav .cate-item { float: left; width: 209px; height: 168px; padding-left: 30px; border-left: 1px solid #e5e5e5; line-height: 2 } #bottom-nav .cate-nav .title { margin-bottom: 10px; font-size: 18px; line-height: 1 } .ie6 #bottom-nav .cate-nav .title { line-height: 20px } #bottom-nav .cate-nav dd { font-size: 14px } #bottom-nav .cate-nav dd a { color: #666 } #bottom-nav .cate-nav dd a:hover { color: #23ac38 } #bottom-nav .follow-us { float: right; position: relative; width: 270px; overflow: hidden } #bottom-nav .follow-us .title { margin-bottom: 20px; font-size: 18px; line-height: 1; font-weight: bold } .ie6 #bottom-nav .follow-us .title { line-height: 20px } #bottom-nav .follow-us .weibo { position: absolute; top: 0; right: 0; padding-left: 30px; line-height: 18px; font-size: 14px; color: #666; background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-position: -150px -484px; background-repeat: no-repeat } #bottom-nav .follow-us .weibo:hover { color: #23ac38 } #bottom-nav .follow-us .qr-list { margin-left: -30px } #bottom-nav .follow-us .qr-list li { display: inline; float: left; width: 120px; margin-left: 30px } #bottom-nav .follow-us .qr-list .text { text-align: center; line-height: 30px; color: #999 } #copyright { padding: 40px 0; text-align: center; line-height: 2; color: #999 } .search-fixed-logo, .search-fixed-bg { display: none } #suggest-container { z-index: 99; position: absolute; top: 40px; left: -2px; width: 306px; border: 2px solid #23ac38 } #suggest-container .suggest-bd { background: #fff } #suggest-container a { display: block; overflow: hidden; padding-left: 6px; line-height: 30px; font-size: 12px; text-decoration: none; color: #313131; cursor: pointer } #suggest-container a.on { background: rgba(232, 232, 232, 0.7) } #suggest-container .declare { position: absolute; bottom: 0; right: 10px; height: 24px; line-height: 24px; text-align: right; color: #b4b4b4 } #suggest-common a { height: 26px } #suggest-direct a { position: relative; padding-right: 10px; height: 64px; background: #fff8e6 } #suggest-direct h2 { overflow: hidden; margin: 6px 0; height: 26px; font-weight: normal; font-size: 16px; text-decoration: underline; color: #00c } #suggest-direct h2 img { position: relative; top: 4px; margin-right: 6px; width: 16px; height: 16px; vertical-align: baseline } #suggest-direct h2 strong { font-weight: normal; text-decoration: underline; color: #c00 } #suggest-direct .meta { overflow: hidden; float: left; height: 20px; line-height: 20px; font-size: 12px; color: #666 } #suggest-direct .video .gaoqing { padding-right: 32px; background: url(http://p1.qhmsg.com/d/_hao360/v360sug/tag_gaoqing.png) no-repeat right 3px; zoom: 1 } #suggest-direct .video .meta { margin-right: 20px } #suggest-direct .website .meta { padding-left: 22px } #suggest-reci { background: url(http://p1.qhmsg.com/t01df73a59c10484da3.png) no-repeat 97% 10px } #suggest-reci a { padding: 0 13px; height: 26px; font-family: Tahoma } #suggest-reci em, #suggest-reci span { float: left } #suggest-reci em { overflow: hidden; margin: 6px 9px 0 0; width: 15px; height: 15px; line-height: 14px; font-size: 11px; text-align: center; color: #fff; background-position: 0 -26px; -webkit-text-size-adjust: none } #suggest-reci .hot { background-position: 0 0 } #suggest-reci .new { padding-right: 24px; background-position: 96% -44px } #suggest-reci .link { padding-right: 24px; background-position: 96% -65px } #suggest-reci em, #suggest-reci .new, #suggest-reci .link { background-image: url(http://p1.qhmsg.com/t01829ff981997b80bb.png); background-repeat: no-repeat } #suggest-reci .reci-setting { position: absolute; bottom: 0; right: 100px; height: 24px; line-height: 24px; color: #b4b4b4 } #suggest-reci .reci-setting label { cursor: pointer } #suggest-reci .reci-setting input { margin-right: 4px } .ie6 #suggest-reci .reci-setting label, .ie7 #suggest-reci .reci-setting label { padding-left: 20px } .ie6 #suggest-reci .reci-setting input, .ie7 #suggest-reci .reci-setting input { position: absolute; left: 0; top: 2px } .ie6 #suggest-reci a, .ie7 #suggest-reci a, .ie9 #suggest-reci a { line-height: 28px } .ie6 #suggest-container a.on, .ie7 #suggest-container a.on, .ie8 #suggest-container a.on { background: #eee } #lightbox { position: absolute; left: 0; width: 100%; z-index: 9999; text-align: center; line-height: 0 } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto } #imageContainer { padding: 10px } #loading { position: absolute; top: 40%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0 } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; position: relative } #imageData { padding: 0 10px } #imageData { display: block; clear: left; padding-bottom: 1.0em } .ontop #imageData { padding-top: 5px } #imageData #bottomNavClose { position: absolute; right: 10px; top: 2px } #overlay { position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 500px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7 !important; display: none } #lightboxIframe { display: none } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10 } #imageContainer>#hoverNav { left: 0 } #hoverNav a { outline: 0 } .custom-slide li .pic {float: left; width: 365px; height: 304px; margin-top: 54px; margin-left: 83px;} .custom-slide li .content{float: right; width: 380px; margin-top: 80px; margin-right: 15px;} .custom-slide li .opt{padding-top: 50px;} .custom-slide li .opt .btn-download {display: inline-block; width: 180px; height: 52px; margin-bottom: 50px;} .custom-slide li .opt .btn-download:hover { background-position: 0 -53px; } /*.slide-pcws{background: url(http://p9.qhimg.com/d/inn/c066fc31/bg.jpg); }*/ .slide-pcws{background: url(http://p0.qhimg.com/d/inn/6208ac7a/ws11-banner.png); } .custom-slide li.slide-pcws .opt .btn-download{ background-image: url(http://p6.qhmsg.com/t0106b450ab1cac3cb8.png); } .custom-slide li.slide-pcws .opt .other a, .custom-slide li.slide-pcsd .opt .other a{font-size: 14px; color: #5f5e5e; margin: 0 10px;} .custom-slide li.slide-pcws .opt .other a:hover, .custom-slide li.slide-pcsd .opt .other a:hover{color:#23ac38;text-decoration:underline;font-size: 14px; margin: 0 10px;} /*卫士11用于覆盖原有样式*/ .custom-slide li.slide-pcws .title {height: 100px;} .custom-slide li.slide-pcws .opt {margin-top:36px;padding-top:0;} .custom-slide li.slide-pcws .opt .pcws-btns {height:85px;} .custom-slide li.slide-pcws .pic a, .custom-slide li.slide-pcws .title a{display: block; width:100%; height:100%;} .slide-pcsd {background: url(http://p5.qhmsg.com/t0188b053cccd4e95c4.jpg); } .custom-slide li.slide-pcsd .opt .btn-download{background-image: url(http://p1.qhmsg.com/t019b3967d4e0fa32bf.png); } .slide-pcse{background: url(http://p8.qhmsg.com/t0196ef6aac8bd64927.jpg);} .custom-slide .slide-pcse .opt {padding-top: 50px; text-align: left;} .custom-slide .slide-pcse .opt .btn-download {background-image: url(http://p7.qhmsg.com/t01838a3a50e96388fe.png); margin-left: 30px;} .slide-sjws{background: url(http://p0.qhmsg.com/t01bb3f7c4a33b28d1e.jpg);} .custom-slide .slide-sjws .pic {margin-left: 0; margin-top: 30px; width: 345px; height: 368px;} .custom-slide .slide-sjws .content {margin-right: 100px;} .custom-slide .slide-sjws .opt {padding-top: 35px;} .custom-slide li.slide-sjws .opt .btn-download{ background-image: url(http://p3.qhmsg.com/t01631a0f0c20f504f4.png); } .slide-sjzs {background: url(http://p9.qhmsg.com/t01a0b199d643cbe15e.jpg);} .custom-slide .slide-sjzs .pic {margin-left: 71px; margin-top: 55px; width: 213px; height: 213px;} .custom-slide .slide-sjzs .content {width: 440px; margin-right: 110px;} .custom-slide .slide-sjzs .opt {padding-top: 40px;} .custom-slide .slide-sjzs .opt .btn-download {background-image: url(http://p7.qhmsg.com/t01ea99f2294798fbe6.png); margin-bottom: 15px;} .custom-slide .slide-sjzs .opt .other a {font-size: 14px; color: #01534b; margin: 0 10px; } .custom-slide .slide-sjzs .opt .other a:hover {font-size: 14px; color: #FFF; margin: 0 10px; text-decoration: underline;}</style> <style type="text/css">.pesernol .cate { height: 200px } .soft-block .star-list .item { float: left; width: 302px; height: 120px; padding: 10px 0; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 0 } .soft-block .star-list .pic { display: inline; float: left; width: 60px; height: 60px; margin-left: 30px; margin-right: 20px; margin-top: 16px } .soft-block .star-list .text { overflow: hidden; margin-top: 10px } .mall-block .mall-slide { height: 281px; border-bottom: 1px solid #e5e5e5 } .mall-block .mall-slide .switchable { position: relative; width: 100%; height: 281px; overflow: hidden } .mall-block .mall-slide .switchable>div { width: 100%; height: 281px; position: relative; overflow: hidden } .mall-block .mall-recommend { margin-left: -1px; border: 0 } .mall-block .mall-recommend .item { float: left; width: 262px; padding: 10px 10px 10px 30px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; height: 120px } .mall-recommend img { width: 120px; height: 120px } .mall-block .mall-recommend .price { font-size: 14px; color: #333; margin-top: 4px } .related-block .news-list a { color: #333 } .news-block .news-list .item { padding-left: 13px; background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-repeat: no-repeat; background-position: -150px -359px } #nav .item a { cursor: pointer } .mall-block .mall-slide .switchable .slide-pagination a { float: left; margin: 0 5px; width: 12px; height: 12px; border-radius: 6px; box-shadow: none } .focus-slide .tabs .active .bg { background-image: url('http://p8.qhmsg.com/t01d2f5c9ba507a2bf9.png'); background-position: 0 -295px; background-color: transparent; filter: alpha(opacity=100); opacity: 1 } .ie6 .focus-slide .tabs .active .bg { background: #000; filter: alpha(opacity=40); opacity: .4 } .ie6 .focus-slide .tabs .tabitem { zoom: 1 } .news-block .headline .title { font-size: 14px; line-height: 16px; margin-bottom: 4px } .headline .pic img { border: 1px solid #ddd } .ie6 .news-block .headline .pic { margin-right: 10px } .related-block .headline img { border: 0 } .ie6 .mall-block .mall-slide .switchable .items { width: 1830px!important } .leftside { z-index: 1000; position: fixed; height: 200px; bottom: 0px; width: 43px; right: 0; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .leftside a{ overflow: hidden; display: block; margin-bottom: 4px; padding-top: 2px; width: 41px; height: 39px; text-align: center; color: #666; border: 1px solid #e8e8e8; background-color: #fafafa; } .leftside a:hover{text-decoration:none;color:#fff;border-color:#3ba354;background-color:#3ba354} .leftside a:hover span{color:#fff!important} #subnav .game .cate { width: 180px; padding-left: 0; margin-left: 56px } .business .cate { height: 184px } #subnav .cate { margin-left: 56px } #topbar .left-content a { height: 16px } .fast-download { position: absolute; right: 0; width: 349px; height: 249px; padding: 0 0 0 30px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .news-block { position: absolute; top: 250px; right: 0; width: 349px; height: 310px; padding: 0 0 0 30px; border-left: 1px solid #e5e5e5; } .fast-download .item .download { position: absolute; top: 13px; right: 26px; width: 17px; height: 17px; background: url(http://p3.qhmsg.com/t01a009f0594a97cfbf.png); } .fast-download .item .download:hover { position: absolute; top: 13px; right: 26px; width: 17px; height: 17px; background: url(http://p2.qhmsg.com/d/_picasso/2015/newhome/download.gif); } .fast-download .box-hd .more { position: absolute; top: 0; right: 20px; line-height: 30px; color: #999; } .news-block .box-hd .more { position: absolute; top: 0; right: 20px; line-height: 30px; color: #999; } .news-block .headline .desc { color: #999; width: 326px; } .news-block .headline { margin-bottom: 14px; } #search-block .input-out { background-image: url('http://p5.qhmsg.com/t0139a3cf9218887d3d.png'); background-position: 170px 9px; } .focus-slide .slide-pagination .active { background-color: #23AC38; } .custom-slide .slide-pcse .opt .btn-download { background-image: url(http://p5.qhmsg.com/t0135f14196f0c47da6.png); margin-left: 30px; } .slide-pcse { background: url(http://p2.qhmsg.com/t01628f9e508f7025f8.jpg); } .custom-slide .slide-pcse .opt { padding-top: 26px; text-align: left; } .custom-slide li .contentse { float: right; width: 380px; margin-top: 110px; margin-right: -2px; } .custom-slide .slide-pcse .opt .btn-download { background-image: url(http://p5.qhmsg.com/t0135f14196f0c47da6.png); margin-left: 42px; } /*.mall-block .cate-list .item { height: 60px; margin-bottom: 24px; margin-right: 25px; padding-left: 110px; background-image: url("http://p7.qhmsg.com/t01ebb90dc165c57217.png"); background-repeat: no-repeat; }*/ .slide-sjzs {background: transparent url("http://p5.qhmsg.com/t01ee5ea1e88c0984a7.jpg") repeat scroll 0% 0%;} .custom-slide .slide-sjzs .content {width: 367px;margin-right: 110px;} .custom-slide .slide-sjzs .opt .btn-download {background-image: url("http://p6.qhmsg.com/t0117b2e5fe4497236c.png");margin-bottom: 15px;} .custom-slide li .opt .inst{display: inline-block;margin-bottom: 50px;background: transparent url(http://p4.qhmsg.com/t01d1be708d9555bd65.png) no-repeat scroll 0px -52px;width: 144px;height: 44px;border-radius: 4px;} .custom-slide li .opt .instsd{display: inline-block;margin-bottom: 50px;background: transparent url(http://p1.qhmsg.com/t010fece94f56731621.png) no-repeat scroll 0px -52px;width: 144px;height: 44px;border-radius: 4px;margin-left:10px;} .custom-slide li .opt .inst:hover{background-position:0px -2px;} .custom-slide li .opt .instsd:hover{background-position:0px -2px;} .btn-download {border-radius: 4px;} /* 每日热搜 */ #suggest-reci a { padding: 0 6px; } #suggest-reci em { font-style: normal; } #suggest-reci span { line-height: 26px; } /* 大焦点图下面的轮播 */ .focus-product { overflow: hidden; } .focus-product .slide { width: 100%; height: 124px; overflow: hidden; position: relative; } .focus-product .btn-prev,.focus-product .btn-next { display: none; position: absolute; top: 50%; z-index: 3; width: 40px; height: 64px; margin-top: -32px } .focus-product .btn-prev { left: 0; background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-position: 0 0 } .focus-product .btn-prev:hover { background-position: -45px 0 } .focus-product .btn-next { right: 0; background-image: url('http://p3.qhmsg.com/t018e1bdf2122a4b64b.png'); background-position: 0 -75px } .focus-product .btn-next:hover { background-position: -45px -75px } .focus-product.mouseenter .btn-prev,.focus-product.mouseenter .btn-next { display: block } /* 顶部推广位 */ #top-recommend { display: none; background-color: #0085C6; } #top-recommend .container { width: 100%; position: relative; text-align: center; } #top-recommend .close { position: absolute; left: 50%; top: 10px; margin-left: 600px; width: 35px; height: 35px; background: url(http://p5.qhmsg.com/t01b07c65f0684ea382.png) no-repeat; }</style> <base target="_blank" /> <!--[if IE 6]> <script src="http://s0.qhmsg.com/!07e15638/DD_belatedPNG.js"></script> <script> DD_belatedPNG.fix('.need_to_fixed'); </script> <![endif]--> <script> var nts= window.location; if(nts == "http://www.360.com/?ndr"){ }else{ var is_mobi =navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null; if(is_mobi){ window.location.href = "http://m.360.com"; } } </script> <script type="text/javascript">window._topData = { flag: 0, //0:关,1:开 id: 'demo1', //识别id pic: 'http://p8.qhmsg.com/t018e0ea103371f48d4.png', link: 'https://hao.360.cn', bgColor: '#fff' };</script> </head> <body id="body"> <div id="doc"> <div id="topbar"> <div class="container clearfix"> <div class="left-content"> <a class="chinese-version" href="http://www.360.com/">中文版</a> <a href="http://www.360totalsecurity.com/">Global</a> <!--a href="http://www.360.cn/?from=360com">返回旧版</a--> </div> <div class="right-content"> <!-- 点击率低 暂缓放置 a href="" id="add-favourite">加入收藏</a> <a href="http://p4.qhmsg.com/t01d308f7b7ec3cde90.png" id="follow">关注我们</a --> <div class="user-block" id="userinfo"></div> </div> </div> </div> <div id="doc-hd"> <div class="container"> <div id="header-block" class="clearfix"> <div id="logo"><a href="http://www.360.com"><img class="need_to_fixed" src="http://p3.qhmsg.com/t01b7cb83f41d31a8bf.png" alt="360" width="180" height="64" /></a></div> <ul id="nav"> <li class="item pop"> <a href="http://www.360.cn/download/">电脑软件</a> </li> <li class="item pop"> <a href="http://www.360.cn/download/#mobile">手机软件</a> </li> <li class="item pop"> <!--a href="http://mall.360.com/activity/christmas" style="position:relative;"> 360商城 <span style="position: absolute;color: #fff;font-size: 12px;padding: 5px;top: -25px;left: 40px;line-height: 1;font-style: normal;border-radius: 2px;z-index: 1;background: #f00;width:70px;font-weight:bold;text-align:center;">双旦狂欢节 <i style="content: '\20';border-style: solid;border-color: transparent #fd7b1c;border-width: 0 0 5px 5px;height: 0;overflow: hidden;position: absolute;left: 5px;bottom: -5px;border-color: transparent #f00;"></i></span> </a--> <a href="http://mall.360.com/cpscenter/click?_s=0dfOUXuEULseWqzWO_7ebcebf7bc93701efa0a9de06a1536f7_7f22c7a2d9b2c3f11b768608d7eebe38a663e3e9380a5950427ed3c5c573935d15Ov5ZUqU7sllIabG_GbaIlls7UqUZ5vO51_a0e8b19b9a685d9ceba1734a8b5e935a|c=http://mall.360.com?utm_medium=affiliate">360商城</a> </li> <li class="item pop"> <a href="http://fuwu.360.cn/">安全理赔</a> </li> <li class="item pop"> <a href="http://hao.360.cn/">个人服务</a> </li> <li class="item pop normal-last"> <a href="http://b.360.cn/">企业服务</a> </li> <li class="item pop small"> <a href="http://wan.360.cn/">游戏</a> </li> <li class="item small"> <a href="http://bbs.360.cn">社区</a> </li> </ul> <div id="search-block"> <form action="http://so.com/s" target="_blank" id="search-form"> <div class="group clearfix"> <div class="input-out need_to_fixed" id="input-out"> <input type="text" name="q" autocomplete="off" class="input-text" id="haosou-input" /> </div> <input type="hidden" name="src" value="360portal" /> <input type="hidden" name="_re" value="0" /> <button class="btn-submit">搜一下</button> </div> </form> <div class="search-suggest"></div> <div class="search-fixed-bg"></div> </div> </div> </div> <div id="nav-block"> <ul id="subnav"> <li class="item pcsoft"> <dl class="cate"> <dt class="title"> 电脑安全 </dt> <dd class="product"> <a href="http://www.360.cn/weishi/index.html?source=homepage" target="_blank"> <img src="http://p9.qhmsg.com/d/inn/6ea3b7d2/pc/p_weishi.png" alt="" /> 安全卫士</a> </dd> <dd class="product"> <a href="http://sd.360.cn/" target="_blank"> <img src="http://p6.qhmsg.com/d/inn/6ea3b7d2/pc/p_sd.png" alt="" /> 杀毒</a> </dd> <dd class="product"> <a href="http://b.360.cn/safe?p=360cn" target="_blank"> <img src="http://p0.qhmsg.com/d/inn/6ea3b7d2/pc/p_BSFree.png" alt="" /> 网管版</a> </dd> <dd class="product"> <a href="http://www.360.cn/mac/" target="_blank"> <img src="http://p3.qhmsg.com/d/inn/6ea3b7d2/pc/p_macweishi.png" alt="" /> MAC版</a> </dd> <dd class="product"> <a href="http://jiamiyou.360.cn/" target="_blank"> <img src="http://p3.qhmsg.com/d/inn/6ea3b7d2/pc/p_jiamiyou.png" alt="" /> 加密邮</a> </dd> </dl> <dl class="cate"> <dt class="title"> 安全上网 </dt> <dd class="product"> <a href="http://se.360.cn/" target="_blank"> <img src="http://p4.qhmsg.com/d/inn/6ea3b7d2/pc/p_se.png" alt="" /> 安全浏览器</a> </dd> <dd class="product"> <a href="http://chrome.360.cn/" target="_blank"> <img src="http://p0.qhmsg.com/d/360browser/20151015/logo_56_2.png" alt="" /> 极速浏览器</a> </dd> <dd class="product"> <a href="http://yunpan.360.cn/" target="_blank"> <img src="http://p4.qhmsg.com/d/inn/6ea3b7d2/pc/p_wangpan.png" alt="" /> 云盘</a> </dd> <dd class="product"> <a href="http://wifi.360.cn/easy/pc" target="_blank"> <img src="http://p1.qhmsg.com/d/inn/6ea3b7d2/pc/p_FreeAP.png" alt=""> 免费WiFi</a> /<a href="http://wifi.360.cn/easy/pc" target="_blank">随身WiFi</a> </dd> <dd class="product"> <a href="http://jiagu.360.cn/" target="_blank"> <img src="http://p4.qhmsg.com/t01cb080b53d4f7027f.png" alt="" /> 加固保</a> </dd> </dl> <dl class="cate"> <dt class="title"> 系统工具 </dt> <dd class="product"> <a href="http://yasuo.360.cn/" target="_blank"> <img src="http://p6.qhmsg.com/d/inn/6ea3b7d2/pc/p_zip.png" alt="" /> 压缩</a> </dd> <dd class="product"> <a href="http://www.360.cn/qudongdashi/index.html?src=tab" target="_blank"> <img src="http://p9.qhmsg.com/d/inn/6ea3b7d2/pc/p_Drv.png" alt="" /> 驱动大师</a> </dd> <dd class="product"> <a href="http://www.ludashi.com/" target="_blank"> <img src="http://p1.qhmsg.com/d/inn/6ea3b7d2/pc/p_ludashi.png" alt="" /> 鲁大师</a> </dd> </dl> <dl class="cate"> <dt class="title"> 生活休闲 </dt> <dd class="product"> <a href="http://360game.360.cn/ " target="_blank"> <img src="http://p8.qhmsg.com/t011b28addd8836b27c.png" alt=""> 游戏大厅</a> </dd> <dd class="product"> <a href="http://www.360.cn/safebox/index.html" target="_blank"> <img src="http://p4.qhmsg.com/d/inn/6ea3b7d2/pc/p_safebox.png" alt="" /> 游戏保险箱</a> </dd> <dd class="product"> <a href="http://desktop.icyip.com/game.html" target="_blank"> <img src="http://p5.qhimg.com/t0139dfacd3b02ef5c7.jpg" alt="" />奇未安全桌面</a> </dd> <dd class="product"> <a href="http://zhuomian.360.cn/" target="_blank"> <img src="http://p6.qhmsg.com/d/inn/6ea3b7d2/pc/p_aqzm.png" alt="" />360安全桌面</a> </dd> </dl> <dl class="cate"> <dt class="title"> 系统急救 </dt> <dd class="product"> <a href="http://www.360.cn/jijiuxiang/index.html" target="_blank"> <img src="http://p8.qhmsg.com/d/inn/6ea3b7d2/pc/p_compkill.png" alt="" /> 系统急救箱</a> </dd> <dd class="product"> <a href="http://renew.360.cn/" target="_blank"> <img src="http://p3.qhmsg.com/d/inn/6ea3b7d2/pc/p_SRInst.png" alt="" /> 重装大师</a> </dd> <dd class="product"> <a href="http://jijiupan.360.cn/" target="_blank"> <img src="http://p8.qhmsg.com/d/inn/6ea3b7d2/pc/p_udisk.png" alt="" /> 急救盘</a> </dd> </dl> </li> <li class="item pcsoft"> <dl class="cate"> <dt class="title"> 手机安全 </dt> <dd class="product"> <a href="http://shouji.360.cn/index.html" target="_blank"> <img src="http://p8.qhmsg.com/d/inn/2edf2228/aqrj/MobileSafe_60.png" alt="" />手机卫士</a> </dd> <dd class="product"> <a href="http://geek.360.cn/" target="_blank"> <img src="http://p18.qhmsg.com/t0133f12a04de03714d.png" alt="" />卫士极客版</a> </dd> <dd class="product"> <a href="http://jijiu.360.cn/" target="_blank"> <img src="http://p5.qhmsg.com/t01ed9966da50723860.png" alt="" /> 手机急救箱</a> </dd> <dd class="product"> <a href="http://jiamiyou.360.cn/" target="_blank"> <img src="http://p18.qhmsg.com/t0167c1a687a2327e07.png" alt="" /> 加密邮</a> </dd> <dd class="product"> <a href="http://shouji.360.cn/pop/360strongbox/index.html" target="_blank"> <img src="http://p19.qhmsg.com/t019de0dc44461f7014.png" alt="" /> 隐私保险箱</a> </dd> </dl> <dl class="cate"> <dt class="title"> 安全上网 </dt> <dd class="product"> <a href="http://mse.360.cn/" target="_blank"> <img src="http://p15.qhmsg.com/t01c5bfd5968d038a63.png" alt="" /> 手机浏览器</a> </dd> <dd class="product"> <a href="http://m.so.com/app" target="_blank"> <img src="http://p9.qhmsg.com/t01ee932c4b7d0b6d2e.png" alt="" /> 360搜索</a> </dd> <dd class="product"> <a href="http://video.haosou.com/app" target="_blank"> <img src="http://p19.qhmsg.com/t0113fd57fbb3e42128.png" alt="" /> 影视大全</a> </dd> <dd class="product"> <a href="http://c33.yunpan.360.cn/" target="_blank"> <img src="http://p16.qhmsg.com/t0138564074793584d7.png" alt="" /> 云盘</a> </dd> <dd class="product"> <a href="http://wifi.360.cn/free" target="_blank"> <img src="http://p18.qhmsg.com/t0148544067be7fcaa3.png" alt="" /> 免费WiFi</a> </dd> </dl> <dl class="cate"> <dt class="title"> 系统工具 </dt> <dd class="product"> <a href="http://sj.360.cn/index.html" target="_blank"> <img src="http://p19.qhmsg.com/t01b792441769dbca78.png" alt="" /> 手机助手</a> </dd> <dd class="product"> <a href="http://root.360.cn" target="_blank"> <img src="http://p19.qhmsg.com/t01c19a74efd704fac7.png" alt="" /> 一键root</a> </dd> <dd class="product"> <a href="http://huanji.360.cn/" target="_blank"> <img src="http://p18.qhmsg.com/t0139160967cf4ebbca.png" alt="" /> 安全换机</a> </dd> <dd class="product"> <a href="http://txl.360.cn/" target="_blank"> <img src="http://p19.qhmsg.com/t0173d714f288c25f40.png" alt="" /> 安全通讯录</a> </dd> <dd class="product"> <a href="http://ra.360.com" target="_blank"> <img src="http://p4.qhmsg.com/d/inn/ba0799a1/lianoubangbang.png" alt="" /> 360帮帮</a> </dd> </dl> <dl class="cate"> <dt class="title"> 性能优化 </dt> <dd class="product"> <a href="http://shouji.360.cn/360cleandroid/index.html" target="_blank"> <img src="http://p17.qhmsg.com/t01499f9646e1e491ae.png" alt="" /> 清理大师</a> </dd> <dd class="product"> <a href="http://sdw.360.cn/" target="_blank"> <img src="http://p17.qhmsg.com/t013811c7342a47c68c.png" alt="" /> 省电王</a> </dd> <dd class="product"> <a href="http://mobile.360.cn/index.html" target="_blank"> <img src="http://p18.qhmsg.com/t01d0e3b41d88628a32.png" alt="" /> 手机桌面</a> </dd> <dd class="product"> <a href="http://fileman.360.cn/" target="_blank"> <img src="http://p19.qhmsg.com/t01d0899e64eb0c2fcc.png" alt="" /> 文件管理器</a> </dd> </dl> <dl class="cate"> <dt class="title"> 生活休闲 </dt> <dd class="product"> <a href="http://mall.360.com/xia/?utm_source=360guanwang_app_0906&utm_medium=inside" target="_blank"> <img src="http://p2.qhmsg.com/t0176919631a43c2947.png" alt="" /> 360商城</a> </dd> <dd class="product"> <a href="http://liuliang.360.cn/" target="_blank"> <img src="http://p19.qhmsg.com/t01c66a355347d72ec4.png" alt="" /> 流量卫士</a> </dd> <dd class="product"> <a href="http://tq.360.cn/" target="_blank"> <img src="http://p15.qhmsg.com/t01da6c6e408cf349fa.png" alt="" /> 360天气</a> </dd> <dd class="product"> <a href="http://screenlock.360.cn/index.html" target="_blank"> <img src="http://p15.qhmsg.com/t017d865e2942ac649e.png" alt="" /> 360锁屏</a> <dd class="product"> <a href="http://bang.360.cn/" target="_blank"> <img src="http://p17.qhmsg.com/t018da0363a6accda6f.png" alt="" /> 手机专家</a> </dd> </dl> </li> <li class="item yingjian"> <dl class="cate"> <dt class="title"> 360手机 </dt> <dd class="product"> <a href="http://mall.360.com/shouji/q5?utm_source=360guanwang_zhinengyingjian_daohang_q5&utm_medium=inside" target="_blank"> <img src="http://p8.qhimg.com/t01fbbed6317c0af952.jpg" alt="" />360手机Q5/Q5Plus</a> </dd> <dd class="product"> <a href="http://mall.360.com/ac/n4sxiaolong" target="_blank"> <img src="http://p7.qhmsg.com/t0194e09646bff1999b.jpg " alt="" />360手机N4S骁龙版</a> </dd> <dd class="product"> <a href="http://mall.360.com/rush/item?item_id=57f9e96be059bf1104c6740f" target="_blank"> <img src="http://p2.qhmsg.com/d/_picasso/QIKU-1/qingnian.png" alt="" />360手机N4A</a> </dd> <dd class="product"> <a href="http://mall.360.com/rush/item?item_id=57876cb3215ea061b38eb52f&utm_source=360guanwang_zhinengyingjian_daohang_n4s&utm_medium=inside" target="_blank"> <img src="http://p6.qhmsg.com/t01d906f09ef9c6df04.jpg" alt="" />360手机N4S</a> </dd> <dd class="product"> <a href="http://mall.360.com/cpscenter/click?_s=oPf7UZuZUosqOYxOv_acba142c830b04d29350b115d7b8c4ad_8ab471a29ea5708beedc3ef7b2fd0e830f8a82fa7aa350ff1f1101c479a9da78bVy9VAU8UztkosNJl_lJNsoktzU8UAV9yVb_d03e2c1eccc346ce0c8a2dc9c3ea7117|c=http://mall.360.com/ac/360shouji?utm_medium=inside" target="_blank"> <img src="http://p4.qhmsg.com/t01ca9305e9b35d73d5.jpg" alt=""/>360手机N4</a> </dd> <!--dd class="product"> <a href="http://mall.360.com/activity/qikuyuyue?utm_source=360guanwang_zhinengyingjian_daohang_qiku_0831&utm_medium=inside" target="_blank"> <img src="http://p2.qhmsg.com/d/_picasso/QIKU-1/zx.png" alt="" /> 奇酷手机尊享版</a> </dd--> <!--dd class="product"> <a href="http://mall.360.com/coop/minitel/pcminitel.html?utm_source=360guanwang_zhinengyingjian_daohang_qiku_0831&utm_medium=inside" target="_blank"> <img src="http://p4.qhmsg.com/d/_picasso/QIKU-1/xdh.png" alt="" /> QiKU mini小电话</a> </dd--> </dl> <dl class="cate"> <dt class="title"> 智能穿戴 </dt> <dd class="product"> <a href="http://mall.360.com/rush/item?item_id=578d9b52e059bf7e48e4d48b&utm_source=360guanwang_zhinengyingjian_daohang_shoubiao&utm_medium=inside" target="_blank"> <img src="http://p3.qhmsg.com/t01c08e850bdfaa7be7.jpg" alt="" />巴迪龙儿童手表5C</a> </dd> <dd class="product"> <a href="http://mall.360.com/shop/item?item_id=573993d64ae38d6a302b1d02&utm_source=360guanwang_zhinengyingjian_daohang_shoubiao&utm_medium=inside" target="_blank"> <img src="http://p6.qhmsg.com/t0154cb0b1a387c7d48.jpg" alt="" />巴迪龙手表礼盒版</a> </dd> <dd class="product"> <a href="http://mall.360.com/rush/item?item_id=5729d04f215ea069bc7ea17f&utm_source=360guanwang_zhinengyingjian_daohang_shoubiao&utm_medium=inside" target="_blank"> <img src="http://p5.qhmsg.com/t016e762d0ffe155d2b.jpg" alt="" /> 巴迪龙儿童手表SE</a> </dd> <dd class="product"> <a href="http://mall.360.com/rush/item?item_id=5729ec6e534b7f78a5b7fdef&utm_source=360guanwang_zhinengyingjian_daohang_shoubiao&utm_medium=inside" target="_blank"> <img src="http://p7.qhmsg.com/t0141d6b66e37c6b68b.jpg" alt="" /> 巴迪龙儿童手表5</a> </dd> <!--dd class="product"> <a href="http://mall.360.com/preorder/usb?utm_source=360guanwang_zhinengyingjian_daohang_fangdiu_0804&utm_medium=inside" target="_blank"> <img src="http://p4.qhmsg.com/t01c5547a5c0d60c3ab.png" alt="" /> 奇酷充电器</a> </dd--> <dd class="product"> <a href="http://mall.360.com/rush/item?item_id=5729ed4a534b7f78a5b7fdf4&utm_source=360guanwang_zhinengyingjian_daohang_shoubiao&utm_medium=inside" target="_blank"> <img src="http://p4.qhmsg.com/t018172088ee93c761e.jpg" alt="" /> 巴迪龙儿童手表5S</a> </dd> </dl> <dl class="cate"> <dt class="title"> 智能家居 </dt> <dd class="product"> <a href="http://kibot.360.cn/" target="_blank"> <img src=" http://p9.qhmsg.com/t013293c5ecb08a5558.jpg " alt="" /> 360儿童机器人</a> </dd> <dd class="product"> <a href="http://mall.360.com/shop/item?item_id=5747bdc0e059bf20d2197eb4&utm_source=guding_360guanwang_syproduct04&utm_medium=inside" target="_blank"> <img src="http://p8.qhimg.com/t0109de426bfb465b02.jpg" alt="" /> 智能摄像机1080P</a> </dd> <dd class="product"> <a href="http://che.mall.360.com/" target="_blank"> <img src="http://p8.qhmsg.com/d/inn/a3b0c334/images/xcjly.png" alt="" /> 行车记录仪后视镜版</a> </dd> <dd class="product"> <a href="http://luyou.mall.360.com/" target="_blank"> <img src="http://p8.qhmsg.com/d/inn/a3b0c334/images/ly.png" alt="" /> 安全路由P1</a> </dd> <dd class="product"> <a href="http://wifi.360.cn/easy" target="_blank"> <img src="http://p8.qhmsg.com/t016544414e28cccaf9.png" alt="" /> 随身WiFi 3代</a> </dd> </dl> <dl class="cate"> <dt class="title"> 休闲娱乐 </dt> <dd class="product"> <a href="http://mall.360.com/shop/item?item_id=567764cd5efb11a4388b4568&utm_source=360guanwang_zhinengyingjian_daohang_disanfang_160113&utm_medium=inside" target="_blank"> <img src="http://p9.qhmsg.com/t01f4bb4a72e625b15e.jpg" alt="" />极米无屏电视Z4X</a> </dd> <dd class="product"> <a href="http://mall.360.com/shop/item?item_id=55c496465efb1151798b4567&utm_source=360guanwang_zhinengyingjian_daohang_disanfang_160113&utm_medium=inside" target="_blank"> <img src="http://p5.qhmsg.com/t0151c7660adf1a40d2.jpg" alt="" />多听车听宝</a> </dd> <!--dd class="product"> <a href="http://mall.360.com/shop/item?item_id=54aa887558d4a62825000040&utm_source=360guanwang_zhinengyingjian_daohang_daqiuzhang_0804&utm_medium=inside" target="_blank"> <img src="http://p8.qhmsg.com/d/inn/a3b0c334/images/yxj.png" alt="" /> 游戏机</a> </dd--> <dd class="product"> <a href="http://mall.360.com/search/?q=ajazz&item_id=56deae145efb114f378b4567&utm_source=360guanwang_zhinengyingjian_daohang_disanfang_160113&utm_medium=inside" target="_blank"> <img src="http://p2.qhmsg.com/t0145f78b9dd30b1ab8.jpg" alt="" /> 黑爵机械键盘</a> </dd> <dd class="product"> <a href="http://mall.360.com/shop/item?item_id=564d696c5efb1171688b4570&utm_source=360guanwang_zhinengyingjian_daohang_disanfang_160113&utm_medium=inside" target="_blank"> <img src="http://p0.qhmsg.com/t0183bff0941fe4d0c6.jpg" alt="" />坚果智能家庭影院</a> </dd> <dd class="product"> <a href="http://mall.360.com/shop/item?item_id=563345b85efb1192058b4567&utm_source=360guanwang_zhinengyingjian_daohang_disanfang_160113&utm_medium=inside" target="_blank"> <img src="http://p7.qhmsg.com/t014c94158a450b676d.jpg" alt="" />nut mini防丢贴片</a> </dd> </dl> <dl class="cate"> <dt class="title"> 其他 </dt> <dd class="product"> <a href="http://mall.360.com/shop/item?item_id=55b1d41f5efb11ea158b456b&from_zcdh1_4&utm_source=360guanwang_zhinengyingjian_daohang_qiku_0831&utm_medium=inside" target="_blank"> <img src="http://p0.qhmsg.com/d/_picasso/QIKU-1/dianyuan.png" alt="" /> QiKU移动电源</a> </dd> <dd class="product"> <a href="http://mall.360.com/shop/item?item_id=55e6ca035efb11321e8b4568" target="_blank"> <img src="http://p3.qhmsg.com/t0107875c263316b3aa.jpg" alt="" /> 安全插线板</a> </dd> <dd class="product"> <a href="http://mall.360.com/shop/item?item_id=563893935efb118a058b4567&utm_source=360guanwang_zhinengyingjian_daohang_qita&utm_medium=inside" target="_blank"> <img src="http://p1.qhmsg.com/t01482282806bd0ddc5.png" alt="" />咚咚智能音响A1</a> </dd> <dd class="product"> <a href="http://mall.360.com/rush/item?item_id=55839af858d4a63a41000024" target="_blank"> <img src="http://p8.qhmsg.com/d/inn/a3b0c334/images/cdq.png" alt="" />超级充电器</a> </dd> <dd class="product"> <a href="http://mall.360.com/try/list" target="_blank"> <img src="http://p9.qhmsg.com/t0177b77e88153373e0.png" alt="" /> 免费试用</a> </dd> </dl> </li> <li class="item lipei"> <dl class="cate"> <dt class="title">理赔中心</dt> <dd class="link"> <a href="http://xianpei.360.cn/process.html">360网购先赔-PC端</a> </dd> <dd class="link"> <a href="http://xianpei.360.cn/process_mobile.html">360网购先赔-手机端</a> </dd> <dd class="link"> <a href="http://www.haosou.com/help/lipei.html">360欺诈推广全赔计划</a> </dd> </dl> <dl class="cate"> <dt class="title">安全检测</dt> <dd class="link"> <a href="http://webscan.360.cn/">360网站安全检测</a> </dd> <dd class="link"> <a href="http://open.soft.360.cn/">360软件开放平台</a> </dd> </dl> <dl class="cate"> <dt class="title">举报平台</dt> <dd class="link"> <a href="http://fuwu.360.cn/jubao/wangzhi">恶意网址</a> </dd> <dd class="link"> <a href="http://fuwu.360.cn/jubao/wenjian">可疑木马文件</a> </dd> <dd class="link"> <a href="http://security.360.cn/">360漏洞响应平台</a> </dd> <dd class="link"> <a href="https://110.360.cn/ ">猎网平台</a> </dd> </dl> <dl class="cate"> <dt class="title">申诉专区</dt> <dd class="link"> <a href="http://fuwu.360.cn/shensu/putong">普通类网站误拦截申诉</a> </dd> <dd class="link"> <a href="http://fuwu.360.cn/shensu/jingying">经营类网站误拦截申诉</a> </dd> <dd class="link"> <a href="http://open.soft.360.cn/report.htm">软件误拦截申诉</a> </dd> </dl> </li> <li class="item personal"> <dl class="cate mul-link"> <dt class="title">上网必备</dt> <dd class="link"> <a href="http://hao.360.cn/">导航</a> </dd> <dd class="link"> <a href="http://zhushou.360.cn/">手机助手</a> </dd> <dd class="link"> <a href="http://www.so.com/">360搜索</a> </dd> <dd class="link"> <a href="http://baoku.360.cn/">软件宝库</a> </dd> <dd class="link"> <a href="http://sh.qihoo.com/">新闻</a> </dd> <dd class="link"> <a href="http://www.leidian.com/">雷电手机搜索</a> </dd> <dd class="link"> <a href="http://www.360kan.com/">影视</a> </dd> <dd class="link"> <a href="http://shenghuo.360.cn/mobile">手机充值</a> </dd> <dd class="link"> <a href="http://cp.360.cn/">彩票</a> </dd> <dd class="link"> <a href="http://qipai.360.cn/">棋牌</a> </dd> <dd class="link"> <a href="http://tq.360.cn/">天气</a> </dd> <dd class="link"> <a href="http://desktop.icyip.com/game.html">奇未安全桌面</a> </dd> <dd class="link"> <a href="http://hao.360.cn/children.html">360儿童</a> </dd> <!--dd class="link"> <a href="http://music.haosou.com/">音乐</a> </dd> <dd class="link"> <a href="http://xiaoshuo.360.cn/">小说</a> </dd> <dd class="link"> <a href="http://xiaohua.360.cn/">搞笑</a> </dd--> </dl> <dl class="cate mul-link"> <dt class="title">金融理财</dt> <dd class="link"> <a href="http://jinrong.360.cn">360金融</a> </dd> <dd class="link"> <a href="https://www.nicaifu.com/?from=360com">你财富</a> </dd> <dd class="link"> <a href="https://t.360.cn/?_src=360guanwang">360淘金</a> </dd> <dd class="link"> <a href="https://t.360.cn/academy/index">淘金学院</a> </dd> <dd class="link"> <a href="https://8.360.cn/?a=newpc">理财宝</a> </dd> <dd class="link"> <a href="https://www.nicaifu.com/hq">活期宝</a> </dd> <dd class="link"> <a href="https://8.360.cn/bill/list/?a=newpc">安全票据</a> </dd> <dd class="link"> <a href="https://www.nicaifu.com/fund">基金</a> </dd> <dd class="link"> <a href="https://8.360.cn/product/detail?item=3&a=newpc">掌柜钱包</a> </dd> <dd class="link"> <a href="https://8.360pay.cn/infos/mobile/?a=newpc">手机理财</a> </dd> <dd class="link"> <a href="https://jie.360.cn/">360借条</a> </dd> </dl> <dl class="cate mul-link"> <dt class="title">生活出行</dt> <dd class="link"> <a href="http://www.360jk.com/?tracker_u=pc_360_171/">360好药</a> </dd> <dd class="link"> <a href="http://www.liangyi.com/">360良医</a> </dd> <dd class="link"> <a href="http://go.360.cn/">旅游</a> </dd> <dd class="link"> <a href="http://gouwu.360.cn/">购物</a> </dd> <dd class="link"> <a href="http://go.360.cn/holiday">周边游</a> </dd> <dd class="link"> <a href="http://gouwu.360.cn/#floor_fuzhuang">女装</a> </dd> <dd class="link"> <a href="http://go.360.cn/hotel">酒店</a> </dd> <dd class="link"> <a href="http://gouwu.360.cn/#floor_temai">特卖</a> </dd> <dd class="link"> <a href="http://go.360.cn/holiday/visa">签证</a> </dd> </dl> <dl class="cate mul-link"> <dt class="title">维修服务</dt> <dd class="link"> <a href="http://bang.360.cn/site/yuancheng/">在线专家</a> </dd> <dd class="link"> <a href="http://bang.360.cn/">电脑维修</a> </dd> <dd class="link"> <a href="http://bang.360.cn/shangmen/">手机维修</a> </dd> <dd class="link"> <a href="http://bang.360.cn/huishou/">手机回收</a> </dd> <dd class="link"> <a href="http://bang.360.cn/liangpin/">二手良品</a> </dd> <dd class="link"> <a href="http://bang.360.cn/firm/">企业服务</a> </dd> </dl> <dl class="cate mul-link"> <dt class="title">大数据</dt> <!--dd class="link" style="width: 130px;"> <a href="http://research.360.cn/">互联网研究报告</a> </dd--> <dd class="link" style="width: 130px;"> <a href="http://vis.360.cn/open/cnnews">中国新闻地图</a> </dd> <dd class="link" style="width: 130px;"> <a href="http://vis.360.cn/open/traffic/">中国返乡地图</a> <dd class="link" style="width: 130px;"> <a href="http://vis.360.cn/open/fishsite/">中国网络诈骗地图</a> </dd> </dl> </li> <li class="item business"> <dl class="cate"> <dt class="title">企业安全</dt> <dd class="link"> <a href="http://b.360.cn/skylar">天擎•终端安全管理平台</a> </dd> <dd class="link"> <a href="http://tianji.360.cn">天机•移动终端安全管理平台</a> </dd> <dd class="link"> <a href="http://tianxun.360.cn/">天巡•无线入侵威胁防御系统</a> </dd> <dd class="link"> <a href="https://skyeye.360safe.com/">天眼•新一代威胁感知系统</a> </dd> <dd class="link"> <a href="http://psc.360.cn">天擎•企业杀毒(私有云)</a> </dd> <dd class="link"> <a href="http://b.360.cn/dunjia">天擎•XP盾甲</a> </dd> <dd class="link"> <a href="http://b.360.cn/safe?home">360网管版(原360企业版)</a> </dd> </dl> <dl class="cate"> <dt class="title">营销服务</dt> <dd class="link"> <a href="http://e.360.cn/">点睛营销平台</a> </dd> <dd class="link"> <a href="http://union.360.cn/site/home">奇胜效果联盟</a> </dd> <dd class="link"> <a href="http://dian.360.cn/?fr=home">360来店通</a> </dd> </dl> <dl class="cate"> <dt class="title">平台服务</dt> <dd class="link"> <a href="http://home.360.cn">360智能家居</a> </dd> <dd class="link"> <a href="http://open.360.cn">360开放平台大全</a> </dd> <dd class="link"> <a href="http://jiagu.360.cn/">360加固保</a> </dd> <dd class="link"> <a href="http://butian.360.cn/">补天•漏洞响应平台</a> </dd> <dd class="link"> <a href="http://zhongce.360.cn/">360众测</a> </dd> <dd class="link"> <a href="http://xinyong.360.cn/">360信用平台</a> </dd> <dd class="link"> <a href="http://so.lianmeng.360.cn/">360搜索联盟</a> </dd> <dd class="link"> <a href="http://lianmeng.360.cn/">360导航联盟</a> </dd> <dd class="link"> <a href="http://360.cn/ecology/index.html">360生态链</a> </dd> </dl> <dl class="cate"> <dt class="title">安全检测</dt> <dd class="link"> <a href="http://yingyan.360.cn/">鹰眼•Web安全智能监控系统</a> </dd> <dd class="link"> <a href="http://wangzhan.360.cn/">360网站卫士</a> </dd> <dd class="link"> <a href="http://open.soft.360.cn/">软件开放平台 </a> </dd> <dd class="link"> <a href="http://webscan.360.cn/">网站安全检测</a> </dd> </dl> <dl class="cate"> <dt class="title">数据支持</dt> <dd class="link"> <a href="http://vis.360.cn/">360大数据平台</a> </dd> <dd class="link"> <a href="http://index.360.cn/">互联网安全指数</a> </dd> <dd class="link"> <a href="http://research.360.cn/">互联网研究报告</a> </dd> </dl> </li> <li class="item clearfix game"> <dl class="cate mul-link"> <dt class="title">手机游戏</dt> <dd class="link"> <a href="http://ku.u.360.cn/online.php?s=gw_web">热门网游</a> </dd><dd class="link"><a href="http://ku.u.360.cn/single.php?s=gw_web&tag=%E6%A3%8B%E7%89%8C%E5%A4%A9%E5%9C%B0">棋牌天地</a> </dd><dd class="link"><a href="http://ku.u.360.cn/single.php?s=gw_web&tag=%E5%8A%A8%E4%BD%9C%E5%86%92%E9%99%A9">动作冒险</a> </dd><dd class="link"><a href="http://ku.u.360.cn/single.php?s=gw_web&tag=%E8%A7%92%E8%89%B2%E6%89%AE%E6%BC%94">角色扮演</a> </dd><dd class="link"><a href="http://ku.u.360.cn/single.php?s=gw_web&tag=%E4%BD%93%E8%82%B2%E7%AB%9E%E9%80%9F">体育竞技</a> </dd><dd class="link"><a href="http://ku.u.360.cn/single.php?s=gw_web&tag=%E7%BB%8F%E8%90%A5%E7%AD%96%E7%95%A5">经营策略</a> </dd><dd class="link"><a href="http://ku.u.360.cn/single.php?s=gw_web&tag=%E9%A3%9E%E8%A1%8C%E5%B0%84%E5%87%BB">飞行射击</a> </dd><dd class="link"><a href="http://ku.u.360.cn/online.php?s=gw_web&tag=RPG%E7%BD%91%E6%B8%B8">RPG网游</a> </dd> </dl> <dl class="cate mul-link"> <dt class="title">小游戏</dt> <dd class="link"><a href="http://xiaoyouxi.360.cn/xiuxian/index.html">休闲</a> </dd><dd class="link"><a href="http://xiaoyouxi.360.cn/yizhi/index.html">益智</a> </dd><dd class="link"><a href="http://xiaoyouxi.360.cn/gaoxiao/index.html">搞笑</a> </dd><dd class="link"><a href="http://xiaoyouxi.360.cn/shuangren/index.html">双人</a> </dd><dd class="link"><a href="http://xiaoyouxi.360.cn/maoxian/index.html">冒险</a> </dd><dd class="link"><a href="http://xiaoyouxi.360.cn/sheji/index.html">射击</a> </dd><dd class="link"><a href="http://xiaoyouxi.360.cn/dongzuo/index.html">动作</a> </dd><dd class="link"><a href="http://xiaoyouxi.360.cn/nvsheng/index.html">女生</a> </dd><dd class="link"><a href="http://xiaoyouxi.360.cn/ertong/index.html">儿童</a> </dd><dd class="link"><a href="http://xiaoyouxi.360.cn/tiyu/index.html">体育</a> </dd> </dl> <dl class="cate mul-link"> <dt class="title">游戏中心</dt> <dd class="link"><a href="http://wan.360.cn/?src=360index-top-all">首页</a> </dd><dd class="link"><a href="http://wan.360.cn/dating.html?src=360index-top-all">找游戏</a> </dd><dd class="link"><a href="http://hd.wan.360.cn/?src=360index-top-all">热门活动</a> </dd><dd class="link"><a href="http://jifen.360.cn/">积分商城</a> </dd><dd class="link"><a href="http://v.wan.360.cn/">VIP</a> </dd><dd class="link"><a href="http://service.wan.360.cn/">客服</a> </dd> </dl> <dl class="cate mul-link"> <dt class="title">游戏导航</dt> <dd class="link"><a href="http://g.360.cn/index.html">首页</a> </dd><dd class="link"><a href="http://g.360.cn/game/mmo">网络游戏</a> </dd><dd class="link"><a href="http://g.360.cn/game/web">网页游戏</a> </dd><dd class="link"><a href="http://g.360.cn/game/pcg">单机游戏</a> </dd><dd class="link"><a href="http://xiaoyouxi.360.cn/">小游戏</a> </dd> </dl> </li> </ul> </div> <div id="doc-bd"> <div class="container"> <!-- 第一屏焦点区 --> <!-- 第一屏焦点区 --> <div class="focus-block"> <!-- 焦点图 --> <div id="focus-slide" class="focus-slide j-tabview" data-slide='{"horiz":false, "loop":true,"autoplay":false,"interval":18000, "panels": ".viewitem", "triggers": ".tabs .tabitem", "triggerType": "click"}'> <div class="tabs"> <a class="tabitem active"> <span class="bg"></span> <span class="text">安全软件</span> </a> <a class="tabitem second"> <span class="bg"></span> <span class="text">智能硬件</span> </a> </div> <div class="views"> <div class="viewitem custom-slide switchable j-focus-a" data-slide='{ "effect": "fade", "duration": 400, "loop":true,"autoplay":true,"interval":5000, "prev": ".js-prev", "next": ".js-next"}'><!-- Root 节点 加上 "switchable" Class 后就会自动初始化--> <div><!-- overflow: hidden 节点--> <ul class="items"><!-- 加上 "items" Class, 则子节点为面板列表 --> <!--<li class="item-1 slide-pcws"> <div class="pic"> <a href="http://dl.360safe.com/inst.exe"> <img src="http://p6.qhmsg.com/t01f4935a14c479510a.jpg" alt="" /> </a> </div> <div class="content" style="margin-top: 60px;"> <div class="title">--> <!--<img style="margin-left: 278px;" src="http://p1.qhmsg.com/t017a45edcae5786988.png" alt="">--> <!--<a href="http://www.360.cn/weishi/index.html?source=newhomepage"><img src="http://p0.qhmsg.com/t016e3cf027a21a93b0.jpg" alt="" /></a> </div> <div class="opt"> <p> <a href="http://dl.360safe.com/inst.exe" class="inst need_to_fixed"></a> <a href="http://dl.360safe.com/360safe_cq.exe" class="instsd need_to_fixed"></a> </p> <p class="other"> <a href="http://dl.360safe.com/setup.exe">[离线安装包]</a> <a href="http://dl.360safe.com/instbeta.exe">[领航版Beta]</a> <a href="http://dl.360safe.com/setup_9.7classic.exe">[9.7经典版]</a> <a href="https://www.360totalsecurity.com/?utm_source=360_hp&amp;utm_content=intro_link">[国际版]</a> </p> </div> </div> </li>--> <!--ws11--> <li class="item-1 slide-pcws"> <div class="pic"> <a href="http://www.360.cn/weishi/index.html" target="_blank"></a> </div> <div class="content"> <div class="title"> <a href="http://www.360.cn/weishi/index.html" target="_blank"></a> </div> <div class="opt"> <p class="pcws-btns"> <a href="http://dl.360safe.com/inst.exe" class="inst need_to_fixed"></a> <a href="http://dl.360safe.com/360safe_cq.exe" class="instsd need_to_fixed"></a> </p> <p class="other"> <a href="http://dl.360safe.com/setup.exe">离线安装包</a> <a href="http://dl.360safe.com/instbeta.exe">beta版下载</a> <a href="https://www.360totalsecurity.com/?utm_source=360_hp&amp;utm_content=intro_link">国际版</a> </p> </div> </div> </li> <li class="item-1 slide-pcsd"> <div class="pic"> <a href="http://sd.360.cn/"> <img src="http://p5.qhmsg.com/t0194a486485a585b9f.jpg" alt="" /> </a> </div> <div class="content"> <div class="title"> <a href="http://sd.360.cn/"><img src="http://p5.qhmsg.com/t01fee0b991d10bf9a8.jpg" alt="" /></a> </div> <div class="opt antivirus-download"> <p> <a href="http://down.360.cn/360sd/360sd_std_5.0.0.7102A.exe " class="btn-download need_to_fixed" data-osurl = "http://down.360.cn/360sd/360sd_x64_std_5.0.0.7102A.exe"></a> </p> <p class="other"> <a href="http://sd.360.cn/download.html?type=full" class="antivirus-download-btn" data-osurl="http://sd.360.cn/download.html?type=full">[增强安装包]</a> <a href="http://sd.360.cn/downloadbeta.html" class="antivirus-download-btn" data-osurl="http://sd.360.cn/downloadbeta.html">[抢鲜版]</a> <a href="http://sd.360.cn/downloadoffline.html" class="antivirus-download-btn" data-osurl=" http://sd.360.cn/downloadoffline.html">[增量病毒库]</a> </p> </div> </div> </li> <li class="item-1 slide-sjzs"> <!--div class="pic"> <a href="http://sj.360.cn/"> <img src="http://p2.qhmsg.com/t01a50ec2b1370f4250.jpg" alt="" /> </a> </div--> <!--<div class="content"> <div class="title"> <a href="http://tfboys.360.cn/"><img src="http://p5.qhmsg.com/t010f8e9964bdb41c9a.jpg" alt="" /></a> </div> <div class="opt"> <p> <a href="http://openbox.mobilem.360.cn/channel/getUrl?src=100130&app=zs" class="btn-download need_to_fixed"></a> </p> <p class="other"> <a href="http://zhushou.360.cn/html/beta_version.html?_=232343xd">[Beta版下载]</a> <a href="http://dl.360safe.com/instmobilemgr.exe">[PC版下载]</a> </p> </div> </div>--> <a href="http://mse.360.cn/"><img src="http://p6.qhimg.com/t0182c0c5425515a35f.png" /></a> </li> <li class="item-1 slide-sjws"> <!--<div class="pic"> <a href="http://shouji.360.cn/index.html"> <img src="http://p3.qhmsg.com/t010421cee3fc544ee5.jpg" alt="" /> </a> </div> <div class="content"> <div class="title"> <a href="http://shouji.360.cn/index.html"><img src="http://p7.qhmsg.com/t01f1d8a98532f0601b.jpg" alt="" /></a> </div> <div class="opt"> <p> <a href="http://msoftdl.360.cn/mobilesafe/shouji360/360safe/500192/360MobileSafe.apk" class="btn-download need_to_fixed"></a> </p> </div> </div>--> <a href="http://shouji.360.cn/index.html"><img src="http://p1.qhmsg.com/d/inn/b6b3d4a0/banner-for.jpg" /></a> </li> <!--li class="item-1 slide-sjzs"> <div class="pic"> <a href="http://sj.360.cn/"> <img src="http://p2.qhmsg.com/t01a50ec2b1370f4250.jpg" alt="" /> </a> </div> <div class="content"> <div class="title"> <a href="http://sj.360.cn/"><img src="http://p4.qhmsg.com/t01686c36ec268d87be.jpg" alt="" /></a> </div> <div class="opt"> <p> <a href="http://dl.360safe.com/360mobilemgr/360box_web.apk" class="btn-download need_to_fixed"></a> </p> <p class="other"> <a href="http://bbs.360safe.com/forum.php?mod=viewthread&tid=6465025&extra=page%3D1%26filter%3Dtypeid%26typeid%3D3016%26typeid%3D3016">[Beta版下载]</a> <a href="http://dl.360safe.com/instmobilemgr.exe">[PC版下载]</a> </p> </div> </div> </li--> <li class="item-1 slide-pcse"> <div class="contentse content"> <div class="title"> <a href="http://se.360.cn/"><img src="http://p5.qhmsg.com/t015463151574a6e04f.jpg" alt="" /></a> </div> <div class="opt"> <p> <a href="http://dl.360safe.com/se/360se_setup.exe" class="btn-download need_to_fixed"></a> </p> </div> </div> </li> </ul> </div> <!-- trigger Class(不是必须的) --> <p class="slide-pagination"> <a href="#1" class="active"></a><!-- 当前面板 JS 会加上 "active" 的 Class--> <a href="#2" class=""></a> <a href="#2" class=""></a> <a href="#2" class=""></a> <a href="#2" class=""></a> </p> </div> <div class="viewitem switchable j-focus-b" data-slide='{ "effect": "fade", "duration": 400, "loop":true,"autoplay":true,"interval":5000, "prev": ".js-prev", "next": ".js-next"}'><!-- Root 节点 加上 "switchable" Class 后就会自动初始化--> <div><!-- overflow: hidden 节点--> <ul class="items"><!-- 加上 "items" Class, 则子节点为面板列表 --> <li class="item-1"> <a href="http://mall.360.cn/shop/item?item_id=58353bc7eac4992db2d90f84"> <img src="http://p2.qhimg.com/t018638dc63dea91b8d.jpg" /> </a> </li> <li class="item-1"> <a href="http://mall.360.com/rush/item?item_id=57d29cdb02463618fd12df8a&utm_source=guding_360guanwang_shouye_bgbanner04&utm_medium=inside"> <img src="http://p9.qhimg.com/t01a93e23c2eaf7b961.jpg" /> </a> </li> <li class="item-1"> <a href="http://mall.360.com/rush/item?item_id=5799719b4ae38d2fa0ac5ee7"> <img src="http://p5.qhimg.com/t01d7cd899ed24ee09f.jpg" /> </a> </li> <li class="item-1"> <a href="http://mall.360.com/ac/badilong?from=singlemessage&isappinstalled=gw97"> <img src="http://p6.qhimg.com/t01ab65e983936ad4f2.jpg" /> </a> </li> <li class="item-1"> <a href="http://mall.360.com/shop/item?item_id=566a71c15efb11b2388b4567&utm_source=360&utm_medium=gw&utm_campaign=&utm_term=dbgw1&utm_content=huodong"> <img src="http://p5.qhimg.com/t01f336278cce49c378.jpg" /> </a> </li> </ul> </div> <!-- trigger Class(不是必须的) --> <p class="slide-pagination"> <a href="#1" class="active"></a><!-- 当前面板 JS 会加上 "active" 的 Class--> <a href="#2" class=""></a> <a href="#2" class=""></a> <a href="#2" class=""></a> </p> </div> </div> <a href="###" class="btn-prev js-prev need_to_fixed"></a> <a href="###" class="btn-next js-next need_to_fixed"></a> </div> <!-- 焦点产品 --> <div class="focus-product j-switchable" id="focus-product" data-slide='{ "horiz": false, "loop":true,"autoplay":true,"interval":5000, "panels": ".slide-item", "prev": ".js-prev", "next": ".js-next"}'> <div class="slide"> <ul class="items"> <li class="slide-item clearfix"> <div class="product-item first-item"> <div class="pic"> <a href="http://dl.360safe.com/360safe_cq.exe"><img src="http://p3.qhmsg.com/t01d42a9f3b7887e90f.jpg" width="100" height="100" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://dl.360safe.com/360safe_cq.exe">360查杀套装</a></h3> <div class="desc"> <p>安全上网的“黄金组合”</p> <p>360°全面保护您的电脑安全</p> </div> </div> </div> <div class="product-item"> <div class="pic"> <a href="http://mall.360.com/?utm_source=360guanwang_zhinengyingjian_daohang_xbanner_0804&utm_medium=inside"><img src="http://p8.qhmsg.com/t01b6ba8c3ce054a796.jpg" width="100" height="100" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://mall.360.com/?utm_source=360guanwang_zhinengyingjian_daohang_xbanner_0804&utm_medium=inside">360商城</a> <!--节日气泡 <div class="text"><a href="http://mall.360.com/activity/meng?utm_source=maimengri_360guanwang_remen_1010&amp;utm_medium=inside" style="font-size: 12px;color: red;position: relative;left: 8px;bottom: 6px;">卖萌日</a>--> </h3> <div class="desc"> <p>新潮前卫的智能硬件</p> <p>还可申请免费试用</p> </div> </div> </div> <div class="product-item"> <div class="pic"> <a href="http://mall.360.com/try/list?utm_source=360guanwang_mianfeishiyong_daohang_xbanner_160330&utm_medium=inside"><img src="http://p2.qhmsg.com/t017b3ff1e5f25f6143.png" width="100" height="100" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://mall.360.com/try/list?utm_source=360guanwang_mianfeishiyong_daohang_xbanner_160330&utm_medium=inside">免费试用</a></h3> <div class="desc"> <p>免费试用智能硬件 </p> <p>查看全方位试用报告</p> </div> </div> </div> </li> <li class="slide-item clearfix"> <div class="product-item first-item"> <div class="pic"> <a href="http://jinrong.360.cn "><img src="http://p0.qhmsg.com/t015b14b634064941e4.png" width="100" height="100" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://jinrong.360.cn ">360金融</a></h3> <div class="desc"> <p>理财、贷款、保险</p> <p>安全快捷的金融服务</p> </div> </div> </div> <div class="product-item"> <div class="pic"> <a href="https://t.360.cn/?_src=360guanwang"><img src="http://p2.qhmsg.com/t01065af3b476be2142.png" width="100" height="100" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="https://t.360.cn/?_src=360guanwang">360淘金</a> </h3> <div class="desc"> <p>年轻人的第一次风险投资</p> <p>360帮你做股东</p> </div> </div> </div> <div class="product-item first-item"> <div class="pic"> <a href="https://jie.360.cn/"><img src="http://p8.qhimg.com/t01aabd9dced3cc4b65.png" width="100" height="100" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="https://jie.360.cn/">360借条</a></h3> <div class="desc"> <p>无惧目标 为你撑腰 </p> <p>最高可借20万 </p> </div> </div> </div> </li> <li class="slide-item clearfix"> <div class="product-item first-item"> <div class="pic"> <a href="http://bbs.360.cn"><img src="http://p0.qhmsg.com/t01eb3ac06d3ebaf727.png" width="100" height="100" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://bbs.360.cn">360社区</a></h3> <div class="desc"> <p>360粉丝大本营</p> <p>360用户互动交流社区平台</p> </div> </div> </div> <div class="product-item first-item"> <div class="pic"> <a href="http://360game.360.cn/index.html "><img src="http://p6.qhmsg.com/t01e222a2dd026d64bd.png" width="100" height="100" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://360game.360.cn/index.html">游戏大厅</a></h3> <div class="desc"> <p>360官方游戏辅助工具</p> <p>小号多开、硬件检测</p> </div> </div> </div> <div class="product-item first-item"> <div class="pic"> <a href="http://desktop.icyip.com/game.html"><img src="http://p5.qhimg.com/t0139dfacd3b02ef5c7.jpg" width="100" height="100" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://desktop.icyip.com/game.html">奇未安全桌面</a></h3> <div class="desc"> <p>拦截不良信息 控制上网时间</p> <p>保护孩子安全上网</p> </div> </div> </div> </li> </ul> </div> <a href="###" class="btn-prev js-prev need_to_fixed"></a> <a href="###" class="btn-next js-next need_to_fixed"></a> </div> <!-- 最新动态 --> <div class="news-block" id="news-block" style="top:0px;border-bottom: 1px solid #e5e5e5;"> <div class="box-hd"> <h2 class="title">最新动态</h2> <a href="http://bbs.360safe.com/forum-2540-1.html" class="more">更多&gt;&gt;</a> </div> <div class="box-bd"> <div class="safety" style="display:none;"> <a href="http://index.360.cn/" style="font-weight:bold;font-size:15px;">当前中国互联网安全指数:<span class="safety-num"></span><span class="safety-level"></span></a> <div class="safety-desc"> <h3>温馨提示:</h3> <p class="safety-desc-content" ></p> </div> </div> <div class="headline clearfix"> <div class="pic"><a href="http://2016.soft.360.cn/index.html?from=360gw_new "><img src="http://p9.qhimg.com/t01796f0b8c662d1378.png" alt="" width="70" height="68" /></a></div> <div class="text"> <h3 class="title"><a href="http://2016.soft.360.cn/index.html?from=360gw_new">第六届“中国软件风云榜”评选盛大启动!</a></h3> <div class="desc"> <p> “中国软件风云榜”是软件行业内的权威评选盛事,被称作“软件界的奥斯卡”。为了鼓励和表彰过去一年.....<a href="http://2016.soft.360.cn/index.html?from=360gw_new">详情>></a></p> </div> </div> </div> <!--div class="headline clearfix"> <div class="pic"><a href="http://isc.360.cn/"><img src="http://p4.qhmsg.com/t01e7ba16ef03c6b162.png" alt="" width="70" height="68" /></a></div> <div class="text"> <h3 class="title"><a href="http://isc.360.cn/">ISC中国互联网安全大会</a></h3> <div class="desc"> <p>数据驱动安全,2015中国互联网安全大会(ISC)将于2015年9月29日至9月30日在北京国家会议中心举办。<a href="http://isc.360.cn/">详情>></a></p> </div> </div> </div--> <ul class="news-list"> <li class="item need_to_fixed"> <span class="cate"></span> <a href="http://mse.360.cn/ ">360手机浏览器8.0版 自由、极简全新上线!</a> </li> <li class="item need_to_fixed"> <span class="cate"> </span> <a href="http://bbs.360.cn/thread-14698788-1-1.html">企业云盘功能价格大比拼 360企业云盘最厚道 </a> </li> <li class="item need_to_fixed"> <span class="cate"></span> <a href="http://item.btime.com/wm/415cda8pkdj9kt8gc53cc6olvgk">360淘金正式推出“全民经纪人”计划</a> </li> <li class="item need_to_fixed"> <span class="cate"></span> <a href="http://bbs.360.cn/thread-14698759-1-1.html">360手机卫士新增“借条”功能 解决开口借钱难题</a> </li> <li class="item need_to_fixed"> <span class="cate"></span> <a href="http://bbs.360.cn/thread-14698784-1-1.html">核心用户培养皿,360任务中心全新上线 </a> </li> <li class="item need_to_fixed"> <span class="cate"></span> <!--<a href="http://tech.btime.com/internet/20160803/n351913.shtml">CNNIC最新报告:360搜索品牌渗透率全平台第二</a--> <!--a href="http://sh.qihoo.com/special/bjsda.html">360携手北京电视台为申冬奥加油</a--> </li> <!--li class="item need_to_fixed"> <span class="cate"></span> <a href="http://sale.360jk.com/1240/">360健康获“2015年度中国互联网+健康”创新企业奖</a> </li--> <!--li class="item need_to_fixed"> <span class="cate"></span> <a href="http://special.kandian.360.cn/ldvsxm.html">360公司及雷电OS团队回应小米封杀:双重标准</a> <!--a href="http://sh.qihoo.com/special/bjsda.html">360携手北京电视台为申冬奥加油</a> </li--> <!--li class="item need_to_fixed"> <span class="cate"></span> <a href="http://bbs.360safe.com/thread-5862298-1-1.html">北京露营大会将上演黑客汽车破解秀</a> </li--> <!--li class="item need_to_fixed"> <span class="cate"></span> <a href="http://bbs.360safe.com/thread-5851961-1-1.html">360三大议题入选世界顶级安全大会</a> </li--> <!-- <li class="item need_to_fixed"> <span class="cate"></span> <a href="http://bbs.360safe.com/thread-5851944-1-1.html">360Unicorn Team两议题入选defcon</a> </li> --> </ul> </div> </div> <!-- 快速下载 --> <div class="fast-download" id="fast-download" style="top: 311px;"> <div class="box-hd"> <h2 class="title">快速下载</h2> <a href="http://www.360.cn/download/index.html" class="more">更多&gt;&gt;</a> </div> <div class="box-bd"> <ul class="list"> <li class="item"> <a href="http://dl.360safe.com/inst.exe" class="pic _download_url_for_bd"> <img src="http://p9.qhmsg.com/d/inn/6ea3b7d2/pc/p_weishi.png" alt="" width="30" height="30" /> </a> <a href="http://dl.360safe.com/inst.exe" class="_download_url_for_bd">安全卫士</a> <a href="http://dl.360safe.com/inst.exe" class="download _download_url_for_bd"></a> </li> <li class="item"> <a href="http://msoftdl.360.cn/mobilesafe/shouji360/360safe/500192/360MobileSafe.apk" class="pic"> <img src="http://p8.qhmsg.com/d/inn/2edf2228/aqrj/MobileSafe_60.png" alt="" width="30" height="30" /> </a> <a href="http://msoftdl.360.cn/mobilesafe/shouji360/360safe/500192/360MobileSafe.apk">手机卫士</a> <a href="http://msoftdl.360.cn/mobilesafe/shouji360/360safe/500192/360MobileSafe.apk" class="download"></a> </li> <li class="item"> <a href="http://dl.360safe.com/se/360se_setup.exe" class="pic"> <img src="http://p5.qhmsg.com/d/inn/2edf2228/aqrj/se_60.png" alt="" width="30" height="30" /> </a> <a href="http://dl.360safe.com/se/360se_setup.exe">安全浏览器</a> <a href="http://dl.360safe.com/se/360se_setup.exe" class="download"></a> </li> <li class="item"> <a href="http://openbox.mobilem.360.cn/channel/getUrl?src=100130&app=zs" class="pic"> <img src="http://p19.qhmsg.com/t01b792441769dbca78.png" alt="" width="30" height="30" /> </a> <a href="http://openbox.mobilem.360.cn/channel/getUrl?src=100130&app=zs">手机助手</a> <a href="http://openbox.mobilem.360.cn/channel/getUrl?src=100130&app=zs" class="download"></a> </li> <li class="item antivirus-download"> <a href="http://down.360.cn/360sd/360sd_std_5.0.0.7102A.exe " class="pic" data-osurl = "http://down.360.cn/360sd/360sd_x64_std_5.0.0.7102A.exe"> <img src="http://p5.qhmsg.com/d/inn/2edf2228/aqrj/sd_60.png" alt="" width="30" height="30" /> </a> <a href="http://down.360.cn/360sd/360sd_std_5.0.0.7102A.exe " data-osurl = "http://down.360.cn/360sd/360sd_x64_std_5.0.0.7102A.exe">杀毒</a> <a href="http://down.360.cn/360sd/360sd_std_5.0.0.7102A.exe " class="download" data-osurl = "http://down.360.cn/360sd/360sd_x64_std_5.0.0.7102A.exe"></a> </li> <li class="item"> <a href="http://mse.360.cn/" class="pic"> <img src="http://p4.qhimg.com/t01477ec9eb3ce6ba06.png" alt="" width="30" height="30" /> </a> <a href="http://mse.360.cn/">手机浏览器</a> <a href="http://mse.360.cn/" class="download"></a> </li> <li class="item"> <a href="http://dl.360safe.com/360mall/360mall_gfwz_1.apk" class="pic"> <img src="http://p2.qhmsg.com/t0176919631a43c2947.png" alt="" width="30" height="30" /> </a> <a href="http://dl.360safe.com/360mall/360mall_gfwz_1.apk">360商城</a> <a href="http://dl.360safe.com/360mall/360mall_gfwz_1.apk" class="download"></a> </li> <li class="item"> <a href="http://shouji.360.cn/360cleandroid/index.html" class="pic"> <img src="http://p5.qhimg.com/t01372f6bbf07241aae.png" alt="" width="30" height="30" /> </a> <a href="http://shouji.360.cn/360cleandroid/index.html">清理大师</a> <a href="http://shouji.360.cn/360cleandroid/index.html" class="download"></a> </li> </ul> </div> </div> </div> <!-- 360安全软件 --> <a name="aqrj" ></a> <div class="soft-block box" id="soft-block"> <div class="box-hd"> <h2 class="title"><a href="http://www.360.cn/download/index.html" style="color: #23ac38;">360安全软件</a></h2> </div> <div class="box-bd"> <ul class="star-list clearfix"> <li class="item"> <div class="pic"> <a href=""><img src="http://p7.qhmsg.com/d/inn/2edf2228/aqrj/weishi_60.png" width="60" height="60" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://www.360.cn/weishi/index.html?source=homepage">360安全卫士</a></h3> <div class="desc">杀木马 防欺诈 免费修电脑</div> <div class="download clearfix"> <a href="http://down.360safe.com/inst.exe" >下载</a> <a href="http://bbs.360.cn/forum-140-1.html">论坛</a> </div> </div> </li> <li class="item"> <div class="pic"> <a href=""><img src="http://p5.qhmsg.com/d/inn/2edf2228/aqrj/sd_60.png" width="60" height="60" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://sd.360.cn/">360杀毒</a></h3> <div class="desc">全面防御 超强查杀 轻巧快速</div> <div class="download clearfix "> <a href="http://down.360.cn/360sd/360sd_std_5.0.0.7102A.exe " class="antivirus-download-btn" data-osurl="http://down.360.cn/360sd/360sd_x64_std_5.0.0.7102A.exe">下载</a> <a href="http://bbs.360.cn/forum-175-1.html">论坛</a> </div> </div> </li> <li class="item"> <div class="pic"> <a href=""><img src="http://p5.qhmsg.com/d/inn/2edf2228/aqrj/se_60.png" width="60" height="60" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://se.360.cn/">360安全浏览器</a></h3> <div class="desc">防木马欺诈 安全好用的浏览器</div> <div class="download clearfix"> <a href="http://down.360safe.com/se/360se_setup.exe">下载</a> <a href="http://bbs.360.cn/forum-141-1.html">论坛</a> </div> </div> </li> <li class="item"> <div class="pic"> <a href=""><img src="http://p8.qhmsg.com/d/inn/2edf2228/aqrj/cse_60.png" width="60" height="60" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://chrome.360.cn/">360极速浏览器</a></h3> <div class="desc">无缝双核网页闪电打开</div> <div class="download clearfix"> <a href="http://down.360safe.com/cse/360cse_official.exe">下载</a> <a href="http://bbs.360.cn/forum-142-1.html">论坛</a> </div> </div> </li> <li class="item"> <div class="pic"> <a href=""><img src="http://p8.qhmsg.com/d/inn/2edf2228/aqrj/MobileSafe_60.png" width="60" height="60" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://shouji.360.cn/index.html">360手机卫士</a></h3> <div class="desc">防骚扰 防扣费 保护隐私</div> <div class="download clearfix"> <a href="http://msoftdl.360.cn/mobilesafe/shouji360/360safesis/360MobileSafe.apk" data-qr="http://p3.qhmsg.com/t01784c053292c8a124.png">下载</a> <a href="http://bbs.360.cn/forum-226-1.html">论坛</a> </div> </div> </li> <li class="item"> <div class="pic"> <a href=""><img src="http://p3.qhmsg.com/d/inn/2edf2228/aqrj/Box_60.png" width="60" height="60" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://sj.360.cn/index.html" >360手机助手</a></h3> <div class="desc">手机游戏恶意扣费先行赔付</div> <div class="download clearfix"> <a href="http://down.360safe.com/360mobilemgr/360box_web.apk" data-qr="http://p8.qhmsg.com/t01ea75f128a706a8a0.png">下载</a> <a href="http://bbs.360.cn/forum-108-1.html">论坛</a> </div> </div> </li> <li class="item"> <div class="pic"> <a href=""><img src="http://p6.qhmsg.com/t01c2c7d8f18653f248.png" width="60" height="60" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://www.360.cn/qudongdashi/index.html?src=tab">360驱动大师</a></h3> <div class="desc">专注解决驱动问题</div> <div class="download clearfix"> <a href="http://dl.360safe.com/360DrvMgrInstaller_beta.exe">下载</a> <a href="http://bbs.360.cn/forum-183-1.html">论坛</a> </div> </div> </li> <li class="item"> <div class="pic"> <a href=""><img src="http://p2.qhmsg.com/t01dee6ec22cf9e7c8b.png" width="60" height="60" alt="" /></a> </div> <div class="text"> <h3 class="title"><a href="http://wifi.360.cn/easy/pc">360免费WiFi</a></h3> <div class="desc">电脑一键变WiFi 让手机免费上网</div> <div class="download clearfix"> <a href="http://down.360safe.com/360ap/360FreeAP_Setup.exe">下载</a> <a href="http://bbs.360.cn/forum-2995-1.html">论坛</a> </div> </div> </li> </ul> <div class="cate-list"> <dl class="item cate-pc need_to_fixed"> <dt class="title">电脑软件</dt> <dd><a href="http://yasuo.360.cn/">压缩</a></dd> <dd><a href="http://www.ludashi.com/">鲁大师</a></dd> <dd><a href="http://c33.yunpan.360.cn/">云盘</a></dd> <dd><a href="http://www.360.cn/jijiuxiang/index.html">系统急救箱</a></dd> <dd><a href="http://www.360.cn/safebox/index.html">游戏保险箱</a></dd> <dd><a href="http://360game.360.cn/">游戏大厅</a></dd> <dd><a href="http://jijiupan.360.cn/">急救盘</a></dd> <dd><a href="http://b.360.cn/safe?p=360cn">360网管版</a></dd> <dd><a href="http://desktop.icyip.com/game.html">奇未安全桌面</a></dd> <dd><a href="http://renew.360.cn/">系统重装大师</a></dd> <dd><a href="http://zhuomian.360.cn/">360安全桌面</a></dd> <dd><a href="http://www.360.cn/weishi/xpsafe.html">XP盾甲</a></dd> </dl> <dl class="item cate-mobile need_to_fixed"> <dt class="title">手机软件</dt> <dd><a href="http://shouji.360.cn/360cleandroid/index.html">清理大师</a></dd> <dd><a href="http://freewifi.360.cn/">免费WiFi</a></dd> <dd><a href="http://root.360.cn/">一键ROOT</a></dd> <dd><a href="http://mse.360.cn/">手机/Pad浏览器</a></dd> <dd><a href="http://geek.360.cn/">卫士极客版</a></dd> <dd><a href="http://video.haosou.com/app">影视大全</a></dd> <dd><a href="http://jia.360.cn/">智能摄像机</a></dd> <dd><a href="http://mobile.360.cn/index.html">手机桌面</a></dd> <dd><a href="http://bang.360.cn/360sjzj/index.html">手机专家</a></dd> <dd><a href="http://c33.yunpan.360.cn/">云盘</a></dd> <dd><a href="http://txl.360.cn/">安全通讯录</a></dd> </dl> <dl class="item cate-open last-item need_to_fixed"> <dt class="title">360开放平台</dt> <dd><a href="http://e.360.cn/">点睛营销平台</a></dd> <dd><a href="http://union.360.cn/site/home">奇胜效果联盟</a></dd> <dd><a href="http://open.360.cn/">开放平台大全</a></dd> <dd><a href="http://dev.360.cn/">移动开放平台</a></dd> <dd><a href="http://home.360.cn/">智能家居</a></dd> <dd><a href="http://dian.360.cn/?fr=home">来店通</a></dd> <dd><a href="http://jiagu.360.cn/">加固保</a></dd> <dd><a href="http://wangzhan.360.cn/?p=360cn">网站卫士</a></dd> <dd><a href="http://xinyong.360.cn/">信用平台</a></dd> </dl> </div> </div> </div> <!-- 360商城--> <a name="znyj" ></a> <div class="mall-block box" id="iot-block"> <div class="box-hd"> <h2 class="title"><a href="http://mall.360.com/" style="color: #23ac38;">360商城</a></h2> </div> <div class="box-bd"> <div class="mall-slide"> <div class="switchable j-switchable" data-slide='{ "loop":true,"autoplay":true,"interval":5000}'><!-- Root 节点 加上 "switchable" Class 后就会自动初始化--> <div><!-- overflow: hidden 节点--> <ul class="items"><!-- 加上 "items" Class, 则子节点为面板列表 --> <li class="item-1"> <a href="http://mall.360.cn/shop/item?item_id=58353bc7eac4992db2d90f84"> <img src="http://p4.qhimg.com/t01a109f98ca7ac6117.jpg" /> </a> </li> <li class="item-1"> <a href="http://mall.360.com/ac/0909sxjcx?utm_source=360&utm_medium=gw&utm_campaign=&utm_term=dbgw1&utm_content=huodong"> <img src="http://p9.qhimg.com/t017e8f8ccecc04195c.jpg" /> </a> </li> <li class="item-1"> <a href="http://mall.360.com/ac/jiatingyingyuan?utm_source=guding_360guanwang_sybanner02&utm_medium=inside"> <img src=" http://p5.qhimg.com/t019caf7b18d5d6914f.jpg" /> </a> </li> </ul> </div> <!-- trigger Class(不是必须的) --> <p class="slide-pagination"> <a href="#1" class="active"></a><!-- 当前面板 JS 会加上 "active" 的 Class--> <a href="#2" class=""></a> <a href="#3" class=""></a> </p> <!-- 上下翻页节点 带上相应 Class(不是必须的) --> <a href="###" class="prev"></a><!-- 当不可用时候 JS 会加上 "disabled" 的 Class--> <a href="###" class="next"></a> </div> </div> <ul class="mall-recommend clearfix"> <li class="item"> <div class="pic"> <a href="http://mall.360.com/shop/item?item_id=57529fc9534b7f14ef786124&utm_source=guding_360guanwang_syproduct01&utm_medium=inside"> <img src="//p9.qhmsg.com/t01f49aba04d37d2e6b.jpg " alt="" height="140" width="140"> </a> </div> <div class="text"> <h3 class="title"><a href="http://mall.360.com/shop/item?item_id=57529fc9534b7f14ef786124&utm_source=guding_360guanwang_syproduct01&utm_medium=inside">360手机N4</a></h3> <p class="price">¥999</p> <!--p class="desc">已有121,842人购买</p--> </div> <li class="item"> <div class="pic"> <a href="http://mall.360.com/shop/item?item_id=578d9bf54ae38d2fa0ac5d25&utm_source=guding_360guanwang_shouye_bgbanner02&utm_medium=inside"> <img src="http://p3.qhimg.com/t01eed2bbf487a3f7f5.jpg" alt="" height="140" width="140"> </a> </div> <div class="text"> <h3 class="title"><a href="http://mall.360.com/shop/item?item_id=578d9bf54ae38d2fa0ac5d25&utm_source=guding_360guanwang_shouye_bgbanner02&utm_medium=inside">巴迪龙儿童手表</a></h3> <p class="price">¥499</p> </div> <li class="item"> <div class="pic"> <a href="http://mall.360.com/shop/item?item_id=5743d0eb4ae38d355fd16626&utm_source=guding_360guanwang_syproduct03&utm_medium=inside"> <img src="http://p3.qhmsg.com/t019259e10ab9506194.jpg" alt="" height="140" width="140"> </a> </div> <div class="text"> <h3 class="title"><a href="http://mall.360.com/shop/item?item_id=5743d0eb4ae38d355fd16626&utm_source=guding_360guanwang_syproduct03&utm_medium=inside">行车记录仪二代</a></h3> <p class="price">¥599</p> </div> <li class="item"> <div class="pic"> <a href="http://mall.360.com/shop/item?item_id=5747bdc0e059bf20d2197eb4&utm_source=guding_360guanwang_syproduct04&utm_medium=inside"> <img src="http://p3.qhmsg.com/t01fb4e1313c443f246.jpg" alt="" height="140" width="140"> </a> </div> <div class="text"> <h3 class="title"><a href="http://mall.360.com/shop/item?item_id=5747bdc0e059bf20d2197eb4&utm_source=guding_360guanwang_syproduct04&utm_medium=inside">360摄像机1080P</a></h3> <p class="price">¥249</p> </div> </ul> <div class="cate-list"> <dl class="item cate-qiku need_to_fixed"> <dt class="title">360手机</dt> <dd><a href="http://mall.360.com/shouji/q5"> Q5/Q5Plus</a> </dd> <dd> <a href="http://mall.360.com/ac/n4sxiaolong" target="_blank"> N4S骁龙版</a> </dd> <dd><a href="http://mall.360.com/ac/N4A"> 360手机N4A</a> </dd> <dd><a href="http://mall.360.com/rush/item?item_id=57876cb3215ea061b38eb52f&utm_source=360guanwang_zhinengyingjian_dibu_n4s&utm_medium=inside"> 360手机N4S</a> </dd> <dd><a href="http://mall.360.com/ac/360shouji?utm_source=360guanwang_zhinengyingjian_dibu_qiku&utm_medium=inside"> 360手机N4</a> </dd> <dd><a href="http://mall.360.com/rush/item?item_id=56eb6d045efb116b378b456c&utm_source=360guanwang_zhinengyingjian_dibu_qiku&utm_medium=inside"> 360手机f4</a> </dd> <dd> <a href="http://mall.360.com/shop/item?item_id=55f28dcb5efb11111f8b456b&utm_source=360guanwang_zhinengyingjian_dibu_qiku&utm_medium=inside"> 360手机旗舰版</a> </dd> <dd> <a href="http://mall.360.com/shop/item?item_id=55dc8ea05efb116e118b4568&utm_source=360guanwang_zhinengyingjian_dibu_qiku&utm_medium=inside">360手机青春版</a> </dd> <!--dd><a href="http://mall.360.com/activity/qikuyuyue?utm_source=360guanwang_zhinengyingjian_daohang_qiku_0831&utm_medium=inside"> 奇酷手机尊享版</a> </dd--> <dd> <a href="http://mall.360.com/search/?cate=571e3465f28d01269cc42a63&sort=weight&q=*">手机拍照</a> </dd> <dd> <a href="http://mall.360.com/search/?cate=572b288c4ae38d3b230c7dfd&sort=weight&q=*">移动电源</a> </dd> </dl> <dl class="item cate-jiaju need_to_fixed"> <dt class="title">智能家居</dt> <dd><a href="http://mall.360.com/shop/item?item_id=5799719b4ae38d2fa0ac5ee7">儿童机器人</a></dd> <dd><a href="http://jia.mall.360.com/?utm_source=sydbdh_04&utm_medium=inside">智能摄像机</a></dd> <dd><a href="http://che.mall.360.com/">行车记录仪</a></dd> <dd><a href="http://kids.360.com/index.html">儿童手表</a></dd> <dd><a href="http://mall.360.com/shop/item?item_id=54a36b5558d4a62825000025&utm_source=guding_360guanwang_liebiao12_0804&utm_medium=inside">随身wifi2</a></dd> <dd><a href="http://wifi.mall.360.com/?utm_source=guding_360guanwang_liebiao13_0804&utm_medium=inside">随身wifi3</a></dd> <dd><a href="http://mall.360.com/shop/item?item_id=561e36335efb1181128b456b&utm_source=guding_360guanwang_liebiao13_0804&utm_medium=inside">无线自发电门铃 </a></dd> <!--dd><a href="http://air.mall.360.com/?utm_source=guding_360guanwang_liebiao15_0804&utm_medium=inside">空气卫士</a></dd--> <!--dd><a href="http://mall.360.com/shop/item?item_id=55e521fa5efb11111f8b4567&utm_source=360guanwang_zhinengyingjian_daohang_chongdianxian_0916&utm_medium=inside">充电数据线</a></dd--> <dd><a href="http://mall.360.com/shop/item?item_id=548ac33658d4a69b09000015&utm_source=guding_360guanwang_liebiao16_0804&utm_medium=inside">防丢贴片</a></dd> <!--dd><a href="http://mall.360.com/shop/item?item_id=55a8fe655efb1134098b4569&utm_source=guding_360guanwang_liebiao17_0804&utm_medium=inside">Wowtation锂电螺丝刀</a></dd--> <dd> <a href="http://mall.360.com/rush/item?item_id=55839af858d4a63a41000024" > 超级充电器</a> </dd> <dd> <a href="http://mall.360.com/preorder/chaixianban" > 安全插线板</a> </dd> <dd> <a href="http://mall.360.com/" > 更多>></a> </dd> </dl> <dl class="item cate-youxi last-item need_to_fixed"> <dt class="title">娱乐游戏</dt> <dd><a href="http://mall.360.com/shop/item?item_id=567764cd5efb11a4388b4568&utm_source=guding_360guanwang_liebiao1_0804&utm_medium=inside">极米无屏电视Z4X</a></dd> <dd><a href="http://mall.360.com/shop/item?item_id=56776f1b5efb11ab388b4568&utm_source=guding_360guanwang_liebiao1_0804&utm_medium=inside">极米芒果小觅</a></dd> <dd><a href="http://mall.360.com/shop/item?item_id=565ec6585efb11bc388b4567&utm_source=guding_360guanwang_liebiao13_0804&utm_medium=inside">咚咚音响套装</a></dd> <dd><a href="http://mall.360.com/shop/item?item_id=5600c9ed5efb11da288b456a&utm_source=guding_360guanwang_liebiao13_0804&utm_medium=inside">乐范魔力贴运动版</a></dd> <dd><a href="http://mall.360.com/shop/item?item_id=5566d46f58d4a60e12000062&utm_source=guding_360guanwang_liebiao33_0804&utm_medium=inside">魔调耳机</a></dd> <dd><a href="http://mall.360.com/shop/item?item_id=5678bbea5efb119c388b4568&utm_source=guding_360guanwang_liebiao13_0804&utm_medium=inside">新游智能手柄NEO</a></dd> <dd><a href="http://mall.360.com/try/list">免费试用</a></dd> </dl> </div> </div> </div> <!-- 360企业安全 --> <div class="business-block box" id="business-block"> <div class="box-bd switchable js-business-slide" data-slide='{ "loop":true,"autoplay":true, "effect": "fade", "panels": ".list", "interval":3000, "prev": ".js-prev", "next": ".js-next"}'> <div style="width:1240; height: 100px; position: relative; overflow: hidden;margin:-15px -6px 3px -6px;float:center"> <div style="padding:0px 0px 30px 35px;margin-top:30px"> <a href="http://mall.360.cn/shop/item?item_id=58353bc7eac4992db2d90f84" class="list"> <img src="http://p1.qhimg.com/t01dccaade7c058fa6e.jpg" width="1240" height="100" alt="" /> </a> <a href="http://mall.360.com/shouji/q5" class="list"> <img src="http://p3.qhimg.com/t018a9094b6ff21fc23.jpg" width="1240" height="100" alt="" /> </a> <a href="http://kibot.360.cn/" class="list"> <img src="http://p1.qhimg.com/t019c8a5f1c2cc3f103.jpg" width="1240" height="100" alt="" /> </a> <a href="http://mall.360.com/brand/show_detail?id=44" class="list";> <img src="http://p9.qhimg.com/t013a009c85e4a928e7.jpg" width="1240" height="100" alt="" /> </a> <a href="http://kids.360.com/watch5c?from=guanwang" class="list"> <img src="http://p6.qhimg.com/t016b2c6329528d4091.jpg" width="1240" height="100" alt="" /> </a> <a href="http://che.mall.360.com/index.html?utm_source=360guanw_bai&utm_medium=inside" class="list"> <img src="http://p7.qhimg.com/t016772f5b8ef9279a7.jpg" width="1240" height="100" alt="" /> </a> </div> </div> </div> </div> <!-- 周边信息 --> <!-- 周边信息 --> <div class="related-block clearfix" id="related-block"> <div class="snews-block box"> <div class="box-hd"> <h2 class="title">新闻动态</h2> <a href="http://bbs.360.cn/forum.php?mod=forumdisplay&fid=2540&page=1" class="more">更多&gt;&gt;</a> </div> <div class="box-bd"> <div class="headline"> <div class="pic"> <a href=" http://v.360kan.com/sv/doPsbGTnThD4TC.html"> <img src="http://p4.qhimg.com/t01545bcc597ace356d.jpg" alt="" /> </a> </div> <div class="text"> <a href=" http://v.360kan.com/sv/doPsbGTnThD4TC.html">"李代沫"竟给360拍了这样的魔性广告片!</a></div> </div> <ul class="news-list"> <li class="item need_to_fixed"> <span class="cate"> </span> <a href="http://bbs.360.cn/thread-14698767-1-1.html">抢票新形势 火车票预售期调为30天 </a> </li> <li class="item need_to_fixed"> <span class="cate"> </span> <a href="http://tech.huanqiu.com/news/2016-11/9742167.html">360智能硬件携手蜜芽APP巨惠来袭</a> </li> <li class="item need_to_fixed"> <span clas s="cate"> </span> <a href="http://bbs.360.cn/thread-14689152-1-1.html">网上买根数据线被骗16.5万 网购谨防诈骗</a> </li> <li class="item need_to_fixed"> <span class="cate"></span> <a href="http://news.163.com/16/1118/16/C65SO23100014AEE.html">汽车产业结构化升级 360助力差异化营销 </a> </li> <li class="item need_to_fixed"> <span class="cate"></span> <a href="http://news.163.com/16/1117/11/C62PHHCQ000187V8.html">奇虎360周鸿祎解析美国大选网络安全 </a> </li> </ul> </div> </div> <div class="huodong-block box"> <div class="box-hd"> <h2 class="title">安全资讯</h2> <a href="http://bobao.360.cn/news/index" class="more">更多&gt;&gt;</a> </div> <div class="box-bd"> <div class="headline"> <div class="pic"> <a href="http://bbs.360.cn/thread-14509750-1-1.html"> <img src="http://p3.qhimg.com/t012f36ca514edacc1f.jpg" alt=""> </a> </div> <div class="text"> <a href="http://bbs.360.cn/thread-14509750-1-1.html">360手机卫士iOS10上线 开启苹果无骚扰时代</a></div> </div> <ul class="news-list"> <li class="item need_to_fixed"> <span class="cate"> </span> <a href="http://bbs.360.cn/thread-14701348-1-1.html">360手机卫士击破谣言 Apple ID被锁咋办? </a> </li> <li class="item need_to_fixed"> <span class="cate"> </span> <a href="http://news.163.com/16/1118/15/C65R2MLB00014AEE.html">iOS漏洞:无密码也可访问你的iPhone信息 </a> </li> <li class="item need_to_fixed"> <span class="cate"> </span> <a href="http://bobao.360.cn/news/detail/3744.html">约炮网站被黑,4亿用户数据泄露!</a> </li> <li class="item need_to_fixed"> <span class="cate"></span> <a href="http://bobao.360.cn/news/detail/3756.html">收藏!国外最佳互联网安全博客TOP 30 </a> </li> <li class="item need_to_fixed"> <span class="cate"> </span> <a href="http://bobao.360.cn/news/detail/3747.html">中国又发现海外黑客攻击:蔓灵花攻击行动</a> </li> </ul> </div> </div> <div class="bbs-block box"> <div class="box-hd"> <h2 class="title">社区热帖</h2> <a href="http://bbs.360.cn/forumall.php" class="more">更多&gt;&gt;</a> </div> <div class="box-bd"> <div class="headline"> <div class="pic"> <a href=" http://bbs.360.cn/thread-14681766-1-1.html"> <img src="http://p3.qhimg.com/t0192d9169c852b98f1.png" alt="" /> </a> </div> <div class="text"> <a href=" http://bbs.360.cn/thread-14681766-1-1.html">Thanksgiving!感恩节躺着赢感恩大礼包!</a></div> </div> <ul class="news-list"> <li class="item need_to_fixed"> <span class="cate"></span> <a href="http://bbs.360.cn/thread-14689197-1-1.html">赵雅淇花椒直播回应 失声痛哭道歉</a> </li> <li class="item need_to_fixed"> <span class="cate"> </span> <a href="http://bbs.360.cn/thread-14650405-1-1.html ">片儿警的小目标——用科技升级社区防范</a> </li> <li class="item need_to_fixed"> <span class="cate"></span> <a href="http://bbs.360.cn/thread-14633454-1-1.html ">舒心,畅快—360N4A手机评测之开箱篇</a> </li> <li class="item need_to_fixed"> <span class="cate"></span> <a href="http://bbs.360.cn/thread-14644638-1-1.html ">【新书】周鸿祎:大数据是未来科技的灵魂</a> </li> <li class="item need_to_fixed"> <span class="cate"></span> <a href="http://bbs.360.cn/thread-14588970-1-1.html ">集炫酷与呆萌一体,360儿童机器人体验!</a> </li> </ul> </div> </div> <div class="huodong-block box"> <div class="box-hd"> <h2 class="title">热门活动</h2> <a href="http://bbs.360safe.com/cms/events.html" class="more">更多&gt;&gt;</a> </div> <div class="box-bd"> <!--div class="headline"> <div class="pic"> <a href="http://mall.360.com/tuesday?utm_source=qianggouri_360guanwang_remenhuodong_0929&utm_medium=inside"> <img src="http://p5.qhmsg.com/t015460b79471c264d5.jpg" alt="" /> </a> </div> <div class="text"> <a href="http://mall.360.com/tuesday?utm_source=360guanwang_daohang_qipao&utm_medium=inside">360商城周二抢购日 </a></div> </div--> <div class="headline"> <div class="pic"> <a href="http://mall.360.com/xia/zai?utm_source=guding_360guanwang_shouye_bgbanner01&utm_medium=inside"> <img src="http://p0.qhimg.com/t0171389c5043d1fa21.jpg" alt="" /> </a> </div> <div class="text"> <a href="http://mall.360.com/xia/zai?utm_source=guding_360guanwang_shouye_bgbanner01&utm_medium=inside">下载商城客户端,188元现金券等你领</a></div> </div> <!--节日活动 div class="headline"> <div class="pic"> <a href="http://mall.360.com/activity/meng?utm_source=maimengri_360guanwang_remen_1010&utm_medium=inside"> <img src="http://p1.qhmsg.com/t019ce832794a836863.jpg" alt="" /> </a> </div> <div class="text"> <a href="http://mall.360.com/activity/meng?utm_source=maimengri_360guanwang_remen_1010&utm_medium=inside">360智能宝贝齐卖萌 </a></div> </div--> <ul class="news-list"> <li class="item need_to_fixed"> <a href="http://bbs.360.cn/thread-14691262-1-1.html">360比UC都快?三款主流手机浏览器评测 </a> </li> <li class="item need_to_fixed"> <a href="http://bbs.360.cn/thread-14691274-1-1.html">你财富智能硬件线上活动 仅44秒售罄 </a> </li> <li class="item need_to_fixed"> <a href="http://bbs.360.cn/thread-14656115-1-1.html">360安全路由5G+360WiFi扩展器评测</a> </li> <li class="item need_to_fixed"> <a href="http://kibot.360.cn/#1 ">娱乐学习两不误 360儿童机器人体验</a> </li> <li class="item need_to_fixed"> <a href="http://news.ifeng.com/a/20160818/49800965_0.shtml">360巴迪龙儿童手表5C:让孩子童年更快乐</a> </li> </ul> </div> </div> </div> </div> </div> <div id="doc-ft"> <!-- 底部导航 --> <div id="bottom-nav"> <div class="container"> <div class="cate-nav clearfix"> <dl class="cate-item"> <dt class="title">关于360</dt> <dd><a href="http://www.360.cn/about/index.html">公司简介</a></dd> <dd><a href="http://www.360.cn/about/founder.html">创始人</a></dd> <dd><a href="http://www.360.cn/about/history.html">大事记</a></dd> <dd><a href="http://www.360.cn/about/honors.html">获奖记录</a></dd> <dd><a href="http://www.360.cn/video/baby/index.html">品牌宣传片</a></dd> <!--<dd><a href="http://corp.360.cn/">Investor Relations</a></dd>--> </dl> <dl class="cate-item"> <dt class="title">加入360</dt> <dd><a href="http://special.zhaopin.com/bj/2013/xh022730/job.htm">社会招聘</a></dd> <dd><a href="http://campus.360.cn/2015/index.html">校园招聘</a></dd> <dd><a href="http://learning.360.cn">360大学</a></dd> </dl> <dl class="cate-item"> <dt class="title">用户服务</dt> <dd><a href="http://www.360.cn/about/contactus.html#fankui">意见反馈</a></dd> <dd><a href="http://fuwu.360.cn/">理赔举报</a></dd> <dd><a href="http://bang.360.cn/huishou/">手机回收</a></dd> <dd><a href="http://bang.360.cn/">电脑/手机维修</a></dd> <dd><a href="http://www.360.cn/privacy/v2/index.html">360隐私保护白皮书</a></dd> </dl> <dl class="cate-item"> <dt class="title">商务合作</dt> <dd><a href="http://www.360.cn/about/contactus.html">联系我们</a></dd> <dd><a href="http://open.360.cn/">开放平台</a></dd> <dd><a href="http://e.360.cn/">360点睛营销平台</a></dd> <dd><a href="http://union.360.cn/site/home">360奇胜效果联盟</a></dd> <dd><a href="http://b.360.cn/">360企业服务</a></dd> <dd><a href="http://360.cn/ecology/index.html"> 360生态链</a></dd> </dl> </div> <div class="follow-us"> <h3 class="title">关注我们</h3> <a class="weibo need_to_fixed" href="http://weibo.com/qihoo?sudaref=360.com">官方微博</a> <ul class="qr-list clearfix"> <li class="wx"> <div class="pic"> <img src="http://p6.qhmsg.com/t01a6167590c23071c4.png" alt="" /> </div> <div class="text">官方微信</div> </li> <li class="app"> <div class="pic"> <img src="http://p9.qhmsg.com/t014d854b1e4ece8990.png" alt="" /> </div> <div class="text">技术支持</div> </li> </ul> </div> </div> </div> <!-- copyright --> <div id="copyright"> <p>Copyright©2005-2016 360.com 版权所有 360互联网安全中心</p> <p><a style="color:#999;" href="http://www.miitbeian.gov.cn/">京ICP证080047号[京ICP备08010314号-6]</a><a style="color:#999;" href="http://www.360.cn/licence1.html"> 文网文[2009]024号</a><a style="color:#999;" href="http://www.360.cn/licence2.html"> 新出网证(京)字069号</a> <a style="color:#999;" href="http://www.360.cn/gongshangyingyezhizhao.html">工商营业执照</a><p><p><a style="color:#999;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000006"><img src="http://p4.qhmsg.com/t01d8eda6e551cf2615.png">京公网安备 11000002000006号</a></p> </div> </div> <!--div class="leftside"><a href="http://www.360.cn/about/contactus.html#fankui" style="color: #fff;" title="请告诉我们您的建议,我们希望做的更好!"><span>用户反馈</span></a></div--> <!--div class="leftside" style="bottom: 146px;"><a href="http://mall.360.com/?utm_source=360guanwang_zhinengyingjian_daohang_0804&utm_medium=inside" style="color: #fff;"><span>360商城</span></a></div--> <div class="leftside"> <!--a href="https://mp.weixin.qq.com/s?__biz=MjM5MTA2ODg0MA==&mid=402653758&idx=1&sn=982204edebaa451fbb993b87956b94bc&scene=0&pass_ticket=3X5hJsvEkLuG0DIHqEtnkS3QlINtAWaP9EK8pz3HSQE%3D#rd" title="《一卦来自神秘特工组织的邀请函》,你想做特工吗? ">每日<br/>一读</a--> <a href="http://www.360.cn/about/contactus.html#fankui" target="_self" title="请告诉我们您的建议,我们希望做的更好!">用户<br/>反馈</a> <a href="http://www.360.com/#" target="_self">返回<br/>顶部</a> </div> <!--div class="leftside" style="bottom: 54px;"><a href="#" style="color: #fff;"><span>返回顶部</span></a></div--> </div> <script src="http://s0.qhimg.com/static/0e4b4f909dd26431/jquery,qw.core.js"></script> <script src="http://s8.qhimg.com/!a04eed30/monitor131227.js"></script> <script src="http://s0.qhimg.com/!073cb963/Cookie.js"></script> <!-- ie6 se 引导下载 --> <!--[if IE 6]> <script src="http://s1.qhimg.com/static/b72b11d1f84b4b18.js"></script> <![endif]--> <script src="http://s4.qhmsg.com/!b9cea183/lightbox.js"></script> <script type="text/javascript">/** * jQuery Switchable v1.0 * By: baipan * 2014-01-15 * core.js */ (function ($, window, document, undefined) { $.switchable = { /** * 配置 */ Config: { // 轮播的面板 panels: '.items > *', // 默认激活项 initIndex: 0, // 切换动画 effect: 'scroll', // 循环 loop: false, // 切换前的回调 onBeforeSwitch: null, // 切换后的回调 onSwitch: null }, /** * 切换效果 */ Effects: { "none": function (from, to) { var self = this, panels = self.panels; panels.slice(from, from + 1).hide(); panels.slice(to, to + 1).show(); } }, /** * 插件 */ Plugins: [] }; var Switchable = function (root, cfg) { var self = this, $self = $(this), _onBeforeSwitch = "beforeSwitch", _onSwitch = "switch"; $.extend(self, { /** * install plugins */ _initPlugins: function () { var plugins = $.switchable.Plugins, len = plugins.length, i = 0; for (; i < len; i++) { if ($.isFunction(plugins[i].init)) { plugins[i].init(self); } } }, _warn: function (msg) { if (window.console && window.console.warn) { console.warn(msg); } }, /** * init Switchable * 暴露出来的接口有 * .root 根节点 * .panels 切换面板列表 * .length 面板组个数 * .index 当前的面板组数 * ._nextIndex 下一面板组数(不在这里初始化) */ _init: function () { self.root = root; self.config = cfg; var $root = $(root), initPanel; // 初始化过后继续调用则不能 if ($root[0]._switchable) { return; } // 获取 panels if ($root.find(cfg.panels).length) { self.panels = $root.find(cfg.panels); } else { self._warn('No panel in switchable'); return; } // 获取 panels 分组长度 self.length = self.panels.length; // if no panel group if (self.length < 1) { self._warn('No panel group in switchable'); return; } /** * 事件初始化绑定 */ if ($.isFunction(cfg.onBeforeSwitch)) { $self.on(_onBeforeSwitch, cfg.onBeforeSwitch); } if ($.isFunction(cfg.onSwitch)) { $self.on(_onSwitch, cfg.onSwitch); } // 当前自然数索引 self.index = ((cfg.initIndex % self.length) + self.length) % self.length; // 不做初始化(只有在自动播放或者翻页按钮切换时候有用) self._nextIndex = self.index; // 动画初始化(none 的初始化,其他动画由插件的 init() 初始化) initPanel = self.panels.slice(self.index, self.index + 1); if (cfg.effect.toLowerCase() === 'none') { self.panels.not(initPanel).hide(); initPanel.show(); } $root[0]._switchable = this; return true; }, /** * 切换面板 */ _switchPanels: function (from, to) { if (to === from) { return; } cfg.effect = cfg.effect.toLowerCase(); if (cfg.effect && $.switchable.Effects[cfg.effect]) { $.switchable.Effects[cfg.effect].call(self, from, to); } else { self._warn('No switch effect'); return; } }, /** * switch to */ switchTo: function (to) { to = to % self.length; if (to === self.index) { return self; } self._nextIndex = to; // call beforeSwitch() var event = $.Event(_onBeforeSwitch); $self.trigger(event, [to]); if (event.isDefaultPrevented()) { return; } // switch panels self._switchPanels(self.index, to); // update index self.index = to; // call onSwitch() event.type = _onSwitch; $self.trigger(event, [to]); return self; }, /** * get toIndex */ willTo: function () { return self._nextIndex; }, /** * destroy */ destroy: function () { self._destroyPlugins(); self._destroy(); }, /** * destroy plugins */ _destroyPlugins: function () { var plugins = $.switchable.Plugins, len = plugins.length, i = 0; for (; i < len; i++) { if ($.isFunction(plugins[i].destroy)) { plugins[i].destroy(self); } } }, /** * destroy */ _destroy: function () { var index; $(root)[0]._switchable = undefined; for (index in self) { delete(self[index]); } } }); // 初始化并安装插件 if (self._init()) { self._initPlugins(); } else { return $(root)[0]._switchable; } }; $.fn.switchable = function (cfg) { var $self = $(this), length = $self.length, apis = [], i; cfg = $.extend({}, $.switchable.Config, cfg); for (i = 0; i < length; i++) { apis[i] = new Switchable($self.eq(i), cfg); } return apis[0]; }; })(jQuery, window, document); /** * jQuery Switchable v1.0 * Plugin: Animate * By: baipan * 2014-01-15 * animate.js * 动画函数 */ (function ($, window, document, undefined) { if (!$.switchable) { return; } /* * 新增的配置项 */ $.extend($.switchable.Config, { // 动画时长 duration: 500, // 时间因子 easing: "ease" }); // 动画类 $.switchable.Animate = function ($el, props, duration, easing, callback) { var self = this, transition = {}, css3, timer; // 检测浏览器是否支持CSS3 Transition, 并缓存结果 if ($.switchable.Transition === undefined) { $.switchable.Transition = supportTransition(); } css3 = $.switchable.Transition; $.extend(self, { isAnimated: false, run: function () { // already started if (self.isAnimated) { return; } var index, cssList = []; for (index in props) { cssList.push(index); } if (css3) { transition[css3 + 'Property'] = cssList.join(', ') || 'all'; transition[css3 + 'Duration'] = duration + 'ms'; transition[css3 + 'TimingFunction'] = easing; $el.css($.extend(props, transition)); // 动画结束后执行回调 timer = setTimeout(function () { // 清除 css3 transition self._clearCss(); self._complete(); }, duration); } else { var regex = /cubic-bezier\(([\s\d.,]+)\)/, cbMatch = easing.match(regex), timingFn = $.switchable.TimingFn[easing]; // 处理 easing if (timingFn || cbMatch) { easing = $.switchable.Easing(cbMatch ? cbMatch[1] : timingFn.match(regex)[1]); } $el.animate(props, duration, easing, function () { self._complete(); }); } self.isAnimated = true; return self; }, /* * params[:gotoEnd] A Boolean indicating whether to complete the current animation immediately. Defaults to false. */ stop: function (gotoEnd) { // already stopped if (!self.isAnimated) { return; } if (css3) { // 阻止回调执行 clearTimeout(timer); timer = undefined; if (gotoEnd) { self._clearCss(); self._complete(); } } else { // stop jQuery animation $el.stop(false, gotoEnd); } self.isAnimated = false; return self; }, _complete: function () { if ($.isFunction(callback)) { callback(); } }, _clearCss: function () { transition[css3 + 'Property'] = 'none'; // transition[css3 + 'Duration'] = ''; // transition[css3 + 'TimingFunction'] = ''; $el.css(transition); } }); self.run(); }; // 检测客户端是否支持CSS3 Transition var supportTransition = function () { var el = document.documentElement, prefix = ['Webkit', 'Moz'/*, 'O'*/], name = 'transition', support = '', i; if (el.style[name] !== undefined) { support = name; } else { for (i = 0; i < 2; i++) { if (el.style[(name = prefix[i] + 'Transition')] !== undefined) { support = name; break; } } } return support; }; })(jQuery, window, document); /** * jQuery Switchable v1.0 * Plugin: Easing * By: baipan * 2014-01-15 * easing.js * 动画函数 */ (function ($, window, document, undefined) { if (!$.switchable) { return; } var cubicBezier = function (p) { return 'cubic-bezier(' + p + ')'; }, makeLookup = function (fn) { var lookupTable = [], steps = 101, i; for (i = 0; i <= steps; i++) { lookupTable[i] = fn.call(null, i / steps); } return function (p) { if (p === 1) { return lookupTable[steps]; } var sp = steps * p, p0 = Math.floor(sp), y1 = lookupTable[p0], y2 = lookupTable[p0 + 1]; return y1 + (y2 - y1) * (sp - p0); }; }, // From: http://www.netzgesta.de/dev/cubic-bezier-timing-function.html // 1:1 conversion to js from webkit source files // UnitBezier.h, WebCore_animation_AnimationBase.cpp cubicBezierAtTime = function (t, p1x, p1y, p2x, p2y, duration) { var ax, bx, cx, ay, by, cy; ax = bx = cx = ay = by = cy = 0; // `ax t^3 + bx t^2 + cx t' expanded using Horner's rule. function sampleCurveX(t) { return ((ax * t + bx) * t + cx) * t; } function sampleCurveY(t) { return ((ay * t + by) * t + cy) * t; } function sampleCurveDerivativeX(t) { return (3.0 * ax * t + 2.0 * bx) * t + cx; } // The epsilon value to pass given that the animation is going to run over |dur| seconds. The longer the // animation, the more precision is needed in the timing function result to avoid ugly discontinuities. function solveEpsilon(duration) { return 1.0 / (200.0 * duration); } function solve(x, epsilon) { return sampleCurveY(solveCurveX(x, epsilon)); } // Given an x value, find a parametric value it came from. function solveCurveX(x, epsilon) { var t0, t1, t2, x2, d2, i; function fabs(n) { if (n >= 0) { return n; } else { return 0 - n; } } // First try a few iterations of Newton's method -- normally very fast. for (t2 = x, i = 0; i < 8; i++) { x2 = sampleCurveX(t2) - x; if (fabs(x2) < epsilon) { return t2; } d2 = sampleCurveDerivativeX(t2); if (fabs(d2) < 1e-6) { break; } t2 = t2 - x2 / d2; } // Fall back to the bisection method for reliability. t0 = 0.0; t1 = 1.0; t2 = x; if (t2 < t0) { return t0; } if (t2 > t1) { return t1; } while (t0 < t1) { x2 = sampleCurveX(t2); if (fabs(x2 - x) < epsilon) { return t2; } if (x > x2) { t0 = t2; } else { t1 = t2; } t2 = (t1 - t0) * 0.5 + t0; } return t2; // Failure. } // Calculate the polynomial coefficients, implicit first and last control points are (0,0) and (1,1). cx = 3.0 * p1x; bx = 3.0 * (p2x - p1x) - cx; ax = 1.0 - cx - bx; cy = 3.0 * p1y; by = 3.0 * (p2y - p1y) - cy; ay = 1.0 - cy - by; // Convert from input time to parametric value in curve, then from that to output time. return solve(t, solveEpsilon(duration)); }; // css3 transition-timing-function $.switchable.TimingFn = { 'ease': cubicBezier('.25, .1, .25, 1'), 'linear': cubicBezier('0, 0, 1, 1'), 'ease-in': cubicBezier('.42, 0, 1, 1'), 'ease-out': cubicBezier('0, 0, .58, 1'), 'ease-in-out': cubicBezier('.42, 0, .58, 1')/*, // jQuery Easing easeInQuad: cubicBezier('.55, .085, .68, .53'), easeOutQuad: cubicBezier('.25, .46, .45, .94'), easeInOutQuad: cubicBezier('.455, .03, .515, .955'), easeInCubic: cubicBezier('.55, .055, .675, .19'), easeOutCubic: cubicBezier('.215, .61, .355, 1'), easeInOutCubic: cubicBezier('.645, .045, .355, 1'), easeInQuart: cubicBezier('.895, .03, .685, .22'), easeOutQuart: cubicBezier('.165, .84, .44, 1'), easeInOutQuart: cubicBezier('.77, 0, .175, 1'), easeInQuint: cubicBezier('.755, .05, .855, .06'), easeOutQuint: cubicBezier('.23, 1, .32, 1'), easeInOutQuint: cubicBezier('.86, 0, .07, 1'), easeInSine: cubicBezier('.47, 0, .745, .715'), easeOutSine: cubicBezier('.39, .575, .565, 1'), easeInOutSine: cubicBezier('.445, .05, .55, .95'), easeInExpo: cubicBezier('.95, .05, .795, .035'), easeOutExpo: cubicBezier('.19, 1, .22, 1'), easeInOutExpo: cubicBezier('1, 0, 0, 1'), easeInCirc: cubicBezier('.6, .04, .98, .335'), easeOutCirc: cubicBezier('.075, .82, .165, 1'), easeInOutCirc: cubicBezier('.785, .135, .15, .86'), easeInElastic: null, easeOutElastic: null, easeInOutElastic: null, easeInBack: null, easeOutBack: null, easeInOutBack: null, easeInBounce: null, easeOutBounce: null, easeInOutBounce: null*/ }; $.switchable.Easing = function (param) { var name, len, i = 0, lookup; param = param.split(','); len = param.length; for (; i < len; i++) { param[i] = parseFloat(param[i]); } if (len !== 4) { window.console && console.warn(cubicBezier(param.join(', ')) + ' missing argument.'); } else { name = 'cubic-bezier-' + param.join('-'); if (!$.easing[name]) { lookup = makeLookup(function (p) { return cubicBezierAtTime(p, param[0], param[1], param[2], param[3], 5.0); }); $.easing[name] = function (p) { return lookup.call(null, p); }; } } return name; }; })(jQuery, window, document); /** * jQuery Switchable v1.0 * Effect Plugin: Fade * By: baipan * 2014-01-15 * effect.fade.js * 淡入淡出效果 */ (function ($, window, document, undefined) { if (!$.switchable) { return; } $.switchable.Effects.fade = function (from, to) { var self = this, cfg = self.config, panels = self.panels, fromPanel = panels.slice(from, from + 1), toPanel = panels.slice(to, to + 1), beforeAnimate = function () { toPanel.css({opacity: 1}); }, afterAnimate = function () { toPanel.css({zIndex: self.length}); fromPanel.css({zIndex: 1}); self._anim = undefined; }; if (self._anim) { self._anim.stop(true); } beforeAnimate(); self._anim = new $.switchable.Animate(fromPanel, {opacity: 0}, cfg.duration, cfg.easing, afterAnimate); }; $.switchable.Plugins.push({ name: 'fade effect', init: function (host) { var cfg = host.config, panels = host.panels, index = host.index, initPanel = panels.slice(index, index + 1); if (cfg.effect.toLowerCase() === 'fade') { // init styles panels.css({position: "absolute", top: 0, left: 0}); panels.not(initPanel).css({opacity: 0, zIndex: 1}); initPanel.css({opacity: 1, zIndex: host.length}); } }, destroy: function (host) { if (host._anim) { host._anim.stop(true); } } }); })(jQuery, window, document); /** * jQuery Switchable v1.0 * Effect Plugin: Scroll * By: baipan * 2014-01-16 * effect.scroll.js * 轮播效果 */ (function ($, window, document, undefined) { if (!$.switchable) { return; } var _position = 'position', _absolute = 'absolute', _relative = 'relative'; // 新增参数 $.extend($.switchable.Config, { horiz: true }); $.switchable.Effects.scroll = function (from, to) { var self = this, cfg = self.config, data = self._data, isBackward = from === 0 && to === data.max, isCritical = (isBackward || from === data.max && to === 0) && self._circle, props = {}, beforeAnimate = function () { props[data.prop] = isCritical ? self._adjustPosition(isBackward) : -data.size * to; }, afterAnimate = function () { if (isCritical) { self._resetPosition(isBackward); } self._anim = undefined; }; if (self._anim) { self._anim.stop(true); } setTimeout(function () { beforeAnimate(); self._anim = new $.switchable.Animate(data.wrap, props, cfg.duration, cfg.easing, afterAnimate); }, 0); }; $.switchable.Plugins.push({ name: 'scroll effect', init: function (host) { var cfg = host.config, panels = host.panels, width = panels.eq(0).outerWidth(true), height = panels.eq(0).outerHeight(true), props = {}, data = host._data = { wrap: panels.parent(), max: host.length - 1, prop: cfg.horiz ? 'left' : 'top', size: cfg.horiz ? width : height }; if (cfg.effect.toLowerCase() !== 'scroll') { return; } if (cfg.loop) { } // 3. 初始化样式 if (host.root.css(_position) === 'static') { host.root.css(_position, _relative); } props[_position] = _absolute; props[data.prop] = -data.size * host.index; data.wrap.css(props).css('width', cfg.horiz ? width * host.length : width); // 4. 存储动画属性, 便于外部(如 autoplay)调用 host.isHoriz = cfg.horiz; $.extend(host, { /** * 调整位置 */ _adjustPosition: function (isBackward) { var start = isBackward ? data.max : 0; props[_position] = _relative; props[data.prop] = (isBackward ? -1 : 1) * data.size * host.length; panels.slice(start, start + 1).css(props); return isBackward ? data.size : -data.size * host.length; }, /** * 复原位置 */ _resetPosition: function (isBackward) { var start = isBackward ? data.max : 0; props[_position] = ''; props[data.prop] = ''; panels.slice(start, start + 1).css(props); props[_position] = undefined; props[data.prop] = isBackward ? -data.size * data.max : 0; data.wrap.css(props); } }); }, destroy: function (host) { if (host._anim) { host._anim.stop(true); } } }); })(jQuery, window, document); /** * jQuery Switchable v1.0 * Plugin: AutoPlay * By: baipan * 2014-01-16 * autoplay.js * 自动播放插件 */ (function ($, window, document, undefined) { if (!$.switchable) { return; } // 新增参数 $.extend($.switchable.Config, { autoplay: false, // 切换间隔时间 interval: 3000, // 鼠标悬停暂停切换 pauseOnHover: true, // 是否逆序播放 isBackward: false }); /** * API: * * this.paused => Boolean * this.play() => Function * this.pause() => Function */ $.switchable.Plugins.push({ name: 'autoplay', init: function (host) { var cfg = host.config, pausing = false, timer1, timer2, to, run = function () { to = host.willTo(); if (to === false) { host._cancelTimers(); return; } if ((to === 0 && !cfg.isBackward) || (to === host.length - 1 && cfg.isBackward)) { host._circle = true; } else { host._circle = false; } host.switchTo(to); }, autoRun = function () { var duration = cfg.duration || 0; timer2 = setInterval(function () { run(); }, (cfg.interval + duration)); }, setAfter = function (el, to) { if (!cfg.loop && cfg.isBackward && host.index === 0) { return; } if (!cfg.loop && !cfg.isBackward && host.index === host.length - 1) { return; } var num = 1; if (cfg.isBackward) { num = -1; } host._nextIndex = (to + num + host.length) % host.length; host._circle = false; }; if (!cfg.autoplay || host.length <= 1) { return; } // 初始化下一面板 setAfter(undefined, host.index); // 悬停暂停 if (cfg.pauseOnHover) { host.panels.on('mouseenter.switchAutoplay', function () { host._pause(); }).on('mouseleave.switchAutoplay', function () { if (!pausing) { host._play(); } }); } // 监听改变,设置下一面板 $(host).on('switch', setAfter); // 增加api $.extend(host, { /** * 启动 */ _play: function () { host._cancelTimers(); // 让外部知道当前的状态 host.paused = false; // 让首次(或者暂停后恢复)切换和后续的自动切换的间隔时间保持一致 timer1 = setTimeout(function () { run(); autoRun(); }, cfg.interval); }, /** * 暂停 */ _pause: function () { host._cancelTimers(); host.paused = true; }, /** * 取消切换定时器 */ _cancelTimers: function () { if (timer1) { clearTimeout(timer1); timer1 = undefined; } if (timer2) { clearInterval(timer2); timer2 = undefined; } }, /** * 对外api, 使外部可以在暂停后恢复切换 */ play: function () { host._play(); pausing = false; return host; }, /** * 对外api, 使外部可以停止自动切换 */ pause: function () { host._pause(); pausing = true; return host; } }); // start autoplay host._play(); }, destroy: function (host) { if (!host.config.autoplay || host.length <= 1) { return; } host._pause(); host.panels.off(".switchAutoplay"); } }); })(jQuery, window, document); /** * jQuery Switchable v1.0 * Plugin: Trigger * By: baipan * 2014-01-16 * trigger.js * 切换器 */ (function ($, window, document, undefined) { if (!$.switchable) { return; } // 新增参数 $.extend($.switchable.Config, { // 选择器 triggers: '.slide-pagination a', // 当前 trigger 的 className currentTrigger: 'active', // 触发类型 triggerType: 'hover', // or 'click' // 触发延迟 delay: 100 // 100ms }); /** * API: * * this.trigger => jQuery */ $.switchable.Plugins.push({ name: 'trigger', init: function (host) { var cfg = host.config, $root = $(host.root), index, pausing, triggerLength = $root.find(cfg.triggers).length; if (!triggerLength) { return; } while (triggerLength < host.length) { $root.find(cfg.triggers).slice(0, 1).clone().insertAfter($root.find(cfg.triggers).last()); triggerLength = $root.find(cfg.triggers).length; } host.triggers = $root.find(cfg.triggers).slice(0, host.length); // 为激活项对应的 trigger 添加 currentTrigger host.triggers.removeClass(cfg.currentTrigger).eq(host.index).addClass(cfg.currentTrigger); // bind event host.triggers.on("click.switchTrigger", function (e) { e.preventDefault(); index = $(this).index(); host._cancelDelayTimer(); host.switchTo(index); }); if (cfg.triggerType === 'hover') { host.triggers.on('mouseenter.switchTrigger', function () { index = $(this).index(); host._delayTimer = setTimeout(function () { host.switchTo(index); }, cfg.delay); }).on('mouseleave.switchTrigger', function () { host._cancelDelayTimer(); }); } // 切换触发器 $(host).on('switch', function (el, index) { host._switchTrigger(index); }); // 自动播放暂停 if (cfg.autoplay && cfg.pauseOnHover) { host.triggers.on('mouseenter.switchTrigger', function () { pausing = host.paused; host._pause(); }).on('mouseleave.switchTrigger', function () { if (!pausing) { host._play(); } }); } // 增加api $.extend(host, { /** * cancel delay timer */ _cancelDelayTimer: function () { if (host._delayTimer) { clearTimeout(host._delayTimer); host._delayTimer = undefined; } }, /** * switch a trigger */ _switchTrigger: function (to) { host.triggers.removeClass(cfg.currentTrigger).eq(to).addClass(cfg.currentTrigger); } }); }, destroy: function (host) { if ($(host.root).find(host.config.triggers).length) { host.triggers.off("click.switchTrigger"); host.triggers.off(".switchTrigger"); } } }); })(jQuery, window, document); /** * jQuery Switchable v1.0 * Plugin: Carousel * By: baipan * 2014-01-16 * carousel.js * 翻页按钮 */ (function ($, window, document, undefined) { if (!$.switchable) { return; } // 新增参数 $.extend($.switchable.Config, { // 选择器 prev: '.prev', next: '.next', disabledClass: 'disabled', respondinAnimating: true }); /** * API: * * this.prevBtn => jQuery * this.nextBtn => jQuery */ $.switchable.Plugins.push({ name: 'carousel', init: function (host) { var cfg = host.config, prefix = ['prev', 'next'], _prefix, _cfg, i = 0, to, pausing, setNext = function (index, isPrev) { if (!cfg.loop && isPrev && index === 0) { return; } if (!cfg.loop && !isPrev && index === host.length - 1) { return; } var num = 1; if (isPrev) { num = -1; } host._nextIndex = (index + num + host.length) % host.length; }; if (!$(host.root).find(cfg.prev).length && !$(host.root).find(cfg.next).length) { return; } for (; i < 2; i++) { _prefix = prefix[i]; _cfg = $(host.root).find(cfg[_prefix]); if (!_cfg.length) { continue; } host[_prefix + 'Btn'] = _cfg; } $(host.root).find(cfg.prev).on('click.switchCarousel', function (e) { e.preventDefault(); if (!$(this).hasClass(cfg.disabledClass)) { if (host._anim) { if (cfg.respondinAnimating) { host._anim.stop(true); } else { return; } } setNext(host.index, true); to = host.willTo(); if (to === host.length - 1) { host._circle = true; } else { host._circle = false; } host.switchTo(to); } }); $(host.root).find(cfg.next).on('click.switchCarousel', function (e) { e.preventDefault(); if (!$(this).hasClass(cfg.disabledClass)) { if (host._anim) { if (cfg.respondinAnimating) { host._anim.stop(true); } else { return; } } setNext(host.index, false); to = host.willTo(); if (to === 0) { host._circle = true; } else { host._circle = false; } host.switchTo(to); } }); if (cfg.autoplay && cfg.pauseOnHover) { $(host.root).find(cfg.prev + ', ' + cfg.next).on('mouseenter.switchCarousel', function () { pausing = host.paused; host._pause(); }).on('mouseleave.switchCarousel', function () { if (!pausing) { host._play(); } }); } $(host).on('switch', function () { if (host.nextBtn) { host.nextBtn.removeClass(cfg.disabledClass); if (!cfg.loop && host.index === (host.length - 1)) { host.nextBtn.addClass(cfg.disabledClass); } } if (host.prevBtn) { host.prevBtn.removeClass(cfg.disabledClass); if (!cfg.loop && host.index === 0) { host.prevBtn.addClass(cfg.disabledClass); } } host._circle = false; }); }, destroy: function (host) { if ($(host.root).find(host.config.prev).length) { $(host.root).find(host.config.prev).off('.switchCarousel'); } if ($(host.root).find(host.config.next).length) { $(host.root).find(host.config.next).off('.switchCarousel'); } } }); })(jQuery, window, document); /** * jQuery Switchable v1.0 * Plugin: SwitchNum * By: baipan * 2014-01-16 * switchnum.js * 显示计数器 */ (function ($, window, document, undefined) { if (!$.switchable) { return; } // 新增参数 $.extend($.switchable.Config, { // index偏移量 indexOffset: 1, // 返回的格式 numFormat: '[index]/[length]', // 选择器 switchNum: '.slide-text' }); $.switchable.Plugins.push({ name: 'switchnum', init: function (host) { var cfg = host.config, textFormat = function (index, length) { var switchText = cfg.numFormat.replace(/\[index\]/ig, index + cfg.indexOffset); return switchText.replace(/\[length\]/ig, length); }; if (!cfg.switchNum && $(host.root).find(cfg.switchNum).length) { return; } // 初始化 $(host.root).find(cfg.switchNum).html(textFormat(cfg.initIndex, host.length)); // 监听事件 $(host).on('switch', function () { $(host.root).find(cfg.switchNum).html(textFormat(host.index, host.length)); }); } }); })(jQuery, window, document); /** * jQuery Switchable v1.0 * Plugin: LazyLoad * By: baipan * 2014-01-16 * autoplay.js * 延迟加载 */ // lazyload.js (function ($, window, document, undefined) { // 新增参数 $.extend($.switchable.Config, { // DOM lazyload Class lazyloadCls: 'switchlazyload' }); $.switchable.Plugins.push({ name: 'lazyload', init: function (host) { var lazyloadCls = host.config.lazyloadCls, loadLazyDom = function ($el) { if ($el.hasClass(lazyloadCls)) { var lazyDom = $el.val().trim(); $el.replaceWith(lazyDom); return true; } return false; }; // 监听事件 $(host).on('beforeSwitch', function () { $(host.panels).each(function (index, el) { if (!loadLazyDom($(el))) { loadLazyDom($(el).find("." + lazyloadCls)); } }); }); } }); })(jQuery, window, document); /** * jQuery Switchable v1.0 * Plugin: AutoInit * By: baipan * 2014-01-17 * autoinit.js * 自动初始化 */ (function ($) { $('.j-switchable').each(function (index, el) { var conf = $(el).data('slide') || {}, api = $(el).switchable(conf); $.extend(el, {"switchable": api}); }); })(jQuery);</script> <script type="text/javascript">/** * Qboot.load v0.7 * lite版 去除引入核心文件自动加载机制 * Date:2013.3.19 * Copyright 2012, irideas & 月影 * * CHANGE LOG: * 03.19 2013 第一个参数是方法失败的情况 * 06.11 2012 document.getElementsByTagName('script')[0].hasOwnProperty("parentNode"); Chrome18返回TRUE,坑爹啊 * 12.09 2011 加入done方法 外部可设置该模块状态为完成 * 11.16 2011 qboot.add 配置中加入force属性 强行拉取 * 05.09 2011 qboot.load.css 支持传入第二个可选参数 默认为:inline-css-id * * BUG : * load.css 在HEAD中使用 IE6会中止加载 某些特殊条件下...(都遗忘了) * * TODO: * 场景load(url) 需要用一个通用配置 如charset等 * load.css(string,id) 对同一ID的使用有时不需要追加 而是剔除 * 【BUG】load({path:"http://tuan.360.cn/scripts/jquery-1.4.4.min.js",type:"js"},{path:"http://tuan.360.cn/scripts/jquery-1.4.4.min.js",type:"js"},{path:"http://tuan.360.cn/scripts/jquery-1.4.4.min.js",type:"js"}) 多个对象作为参数 第二个起失效 * USAGE: * var qload = qboot.load; * [1] qload("http://tuan.360.cn/scripts/jquery-1.4.4.min.js"); * //直接调用外部JS * [2] qload("http://tuan.360.cn/styles/reset.css"); * //直接调用外部CSS * [3] qload.add('lightBoxCss', {path: 'http://leandrovieira.com/projects/jquery/lightbox/css/jquery.lightbox-0.4.css', type: 'css'}); * //定义lightBoxCss 配置 path:'文件地址',type:'css' * [4] qload.add('lightBoxJs', {path: 'http://leandrovieira.com/projects/jquery/lightbox/js/jquery.lightbox-0.4.js', type: 'js', requires: ['lightBox-css']}); * //定义lightBoxJs 配置 path:'文件地址',type:'js',requires['定义1','定义2'],force:true/false(是否每次强行拉取 默认:false) * [5] qload('lightBoxJs', function(){}); * //引用lightBoxJs * [6] qload.done('lightBoxJs'); * //当配置lightBoxJs不强行拉取时,可在某些时机设置以完成 * [7] qload.css(".dialog .hd h3 { margin:0; }.dialog-close:link { text-decoration:none; }","qboot-inline-css"); * //直接插入CSS代码,参数2为指定ID * [8] qload.delay(2000,'lightBoxJs',function() {}); * //延期执行或延期加载 * [9] qload({name: 'jQuery1.4.4', path:"http://tuan.360.cn/scripts/jquery-1.4.4.min.js",type:"js"}, callback); * //直接用配置的方式加载js * * [10] qload(function(){}); * //塞入方法 **/ var qload = qload || {}; qload = (function() { var _doc = document, _win = window, // 已加载模块, _loaded[fileURL]=true _loaded = {}, // 加载中的模块,对付慢文件,_loadingQueue[url]=true|false _loadingQueue = {}, _isArray = function(e) { return e.constructor === Array; }, // 内部配置文件 _config = { //模块依赖 //{ // moduleName: { // path: 'URL', // type:'js|css', // requires:['moduleName1', 'fileURL'] // } //} mods: {} }, // 插入的参考结点 _jsFiles = _doc.getElementsByTagName('script'), _jsSelf = _jsFiles[_jsFiles.length - 1], _do, _removeScriptTag = function(node){ if (node.clearAttributes) { node.clearAttributes(); } else { for (var attr in node) { if (node.hasOwnProperty(attr)&&attr.toLowerCase()!=="parentnode") { delete node[attr]; } } } if(node && node.parentNode){ node.parentNode.removeChild(node); } node = null; }, _addScriptOnload = _doc.createElement('script').readyState ? function(node, callback) { node.onreadystatechange = function() { var rs = node.readyState; if (rs === 'loaded' || rs === 'complete') { node.onreadystatechange = null; callback.apply(this); } }; } : function(node, callback) { node.addEventListener('load', callback, false); }, // 加载js/css文件 _load = function(url, type, charset, force, cb, context) { var refFile = _jsSelf; if (!url) { return; } if (_loaded[url]) { _loadingQueue[url] = false; if(!force) { cb&&cb(url, context); return; } } // 加载中的文件有可能是太大,有可能是404 // 当加载队列中再次出现此模块会再次加载,理论上会出现重复加载 if (_loadingQueue[url]) { setTimeout(function() { _load(url, type, charset, force, cb, context); }, 1); return; } _loadingQueue[url] = true; var n; if (type === 'js' || url.indexOf('.js') >= 0) { n = _doc.createElement('script'); n.setAttribute('type', 'text/javascript'); charset&&(n.charset = charset); n.setAttribute('src', url); n.setAttribute('async', true); _addScriptOnload(n,function(){ _loaded[url] = true; cb&&cb(url, context); _removeScriptTag(n); }); refFile.parentNode.insertBefore(n, refFile); } else if (type === 'css' || url.indexOf('.css') >= 0) { n = _doc.createElement('link'); n.setAttribute('type', 'text/css'); charset&&(n.charset = charset); n.setAttribute('rel', 'stylesheet'); n.setAttribute('href', url); _loaded[url] = true; // CSS无必要监听是否加载完毕 refFile.parentNode.insertBefore(n, refFile); cb&&cb(url, context); return; } }, // 计算加载队列。参数e是一个数组 _calculate = function(e) { if (!e || !_isArray(e)) { return; } var i = 0, item, result = [], mods = _config.mods, depeList = [], hasAdded = {}, getDepeList = function(e) { var i = 0, m, reqs; // break loop require. if (hasAdded[e]) { return depeList; } hasAdded[e] = true; if (mods[e].requires) { reqs = mods[e].requires; for (; typeof (m = reqs[i++]) !== 'undefined';) { // is a module. if (mods[m]) { getDepeList(m); depeList.push(m); } else { // is a file. depeList.push(m); } } return depeList; } return depeList; }; for (; typeof (item = e[i++]) !== 'undefined'; ) { if (mods[item] && mods[item].requires && mods[item].requires[0]) { depeList = []; hasAdded = {}; result = result.concat(getDepeList(item)); } result.push(item); } return result; }, // 一个异步队列对象 _Queue = function(e) { if (!e || !_isArray(e)) { return; } this.queue = e; // 队列当前要加载的模块 this.current = null; }; _Queue.prototype = { _interval: 10, start: function() { var o = this; this.current = this.next(); if (!this.current) { this.end = true; return; } this.run(); }, run: function() { var o = this, mod, currentMod = this.current; if (typeof currentMod === 'function') { currentMod(); this.start(); return; } else if (typeof currentMod === 'string') { if (_config.mods[currentMod]) { mod = _config.mods[currentMod]; _load(mod.path, mod.type, mod.charset, mod.force , function(e) { o.start(); }, o); } else if (/\.js|\.css/i.test(currentMod)) { // load a file. _load(currentMod, '', '', '', function(e, o) { o.start(); }, o); } else { // no found module. skip to next this.start(); } } }, next: function() { return this.queue.shift(); } }; //API _do = function() { var args = [].slice.call(arguments), thread; var target = args[0]; //处理第一个参数是JSON的情况 if(typeof target !== 'string'&&typeof target !== 'function'){ var sName = target.name || target.path, cb = target.callback || args[1]; _do.add(sName, target); args[0] = sName; args[1] = cb; } thread = new _Queue(_calculate(args)); thread.start(); }; _do.add = function(sName, oConfig) { if (!sName || !oConfig || !oConfig.path) { return; } _config.mods[sName] = oConfig; }; _do.delay = function() { var args = [].slice.call(arguments), delay = args.shift(); _win.setTimeout(function() { _do.apply(this, args); }, delay); }; _do.done = function() { var args = [].slice.call(arguments),i=0,currentMod; for(;currentMod=args[i++];) { if (typeof currentMod === 'string') { if (_config.mods[currentMod]) { mod = _config.mods[currentMod]; _loaded[mod.path] = true; } else if (/\.js|\.css/i.test(currentMod)) { _loaded[currentMod] = true; } } } }; _do.css = function(str,id) { id = id || "qboot-inline-css"; var css = _doc.getElementById(id); if (!css) { css = _doc.createElement('style'); css.type = 'text/css'; css.id = id; _doc.getElementsByTagName('head')[0].appendChild(css); } if (css.styleSheet) { css.styleSheet.cssText = css.styleSheet.cssText + str; } else { css.appendChild(_doc.createTextNode(str)); } }; return _do; })();</script> <script type="text/javascript">(function(){ qboot = { /** * 轮询执行某个task,直到task返回false或者超过轮询最大次数上限 * 如果成功超过轮询上限,执行complete,否则执行abort * @param task 轮询的任务 * @param step 轮询间隔,以毫秒为单位 * @param max 最大轮询次数 * @param complete 超过最大次数,轮询成功 * @param abort task返回false,轮询被中断 */ poll : function(task, step, max, complete, abort){ step = step || 100; if(max == null) max = Infinity; if(max <= 0){ complete && complete(); return; } if(task() !== false){ setTimeout(function(){ qboot.poll(task, step, max-1, complete, abort); }, step); }else{ abort && abort(); } }, /** * 等待直到cond条件为true执行success * 如果等待次数超过max,则执行failer * @param cond await条件,返回true则执行success,否则继续等待,直到超过等待次数max,执行failer * @param success await成功 * @param failer await失败 * @param step 时间间隔 * @param max 最大次数 */ await : function(cond, success, failer, step, max){ qboot.poll(function(){ if(cond()){ success(); return false; } return true; }, step, max, failer); }, jsonp: (function(){ var reqMap = {}, seq = 0, threshold = 600000; //默认10分钟更新一次缓存,因为存在CDN回原的问题,需要这么设置 var monitorData = {}; var jsonpRet = function(url, data, callback, opt){ if(typeof data !== 'object'){ opt = callback, callback = data, data = null; } opt = qboot.mix(opt || {}, {jsonp:'_callback', timeout:30000, threshold:threshold}); if(data){ url += (/\?/.test( url ) ? "&" : "?") + qboot.encodeURIJson(data); } //为url生成callback名 //为了不让CDN失效,唯一的url对应唯一的名字 var jsonp; jsonp = reqMap[url] = reqMap[url] || opt['cb'] || ('__jsonp' + (seq++) + '__'); monitorData[jsonp] = { url : url, startTime : +new Date }; url += (/\?/.test( url ) ? "&" : "?") + opt.jsonp + '=' + encodeURIComponent(jsonp) + '&t=' + Math.floor((new Date()).getTime() / opt.threshold); if(!window[jsonp]){ window[jsonp] = (function(){ var list = []; //初始化一个队列 var ret = function(data, err){ monitorData[jsonp].endTime = +new Date; jsonpRet.fire('resourceLoaded', {data : monitorData[jsonp]}); var fn = list.shift(); //从队列里取出要执行的函数 if(fn){ fn(data, err); } } //将函数添加到队列的接口 ret.add = function(fn){ list.push(fn); } return ret; })(); } var t = setTimeout(function(){ window[jsonp](null, {status:'error', reason:'timeout'}); //如果超时,返回data为null,reason为timeout }, opt.timeout); //将函数存放到调用队列里 //这个是为了支持同时用相同的url参数调用多次接口 //这里不做返回次序的验证,因此可能服务器返回顺序会交错,但是一般情况下应该没影响 window[jsonp].add(function(data, err){ clearTimeout(t); if(callback){ err = err || {status:'ok'}; callback(data, err); } }); qload({path:url, type:'js', force:true}); qboot.createEvents(jsonpRet); } jsonpRet.getMonitorData = function(){ return monitorData; }; return jsonpRet; })(), /** * encodeURI一个Json对象 * @method encodeURIJson * @static * @param {Json} json Json数据,只有一层json,每一键对应的值可以是字符串或字符串数组 * @returns {string} : 返回被encodeURI结果。 */ encodeURIJson: function(json){ var s = []; for( var p in json ){ if(json[p]==null) continue; if(json[p] instanceof Array) { for (var i=0;i<json[p].length;i++) s.push( encodeURIComponent(p) + '[]=' + encodeURIComponent(json[p][i])); } else s.push( encodeURIComponent(p) + '=' + encodeURIComponent(json[p])); } return s.join('&'); }, mix: function(des, src, map){ map = map || function(d, s, i){ //这里要加一个des[i],是因为要照顾一些不可枚举的属性 if(!(des[i] || (i in des))){ return s; } return d; } if(map === true){ //override map = function(d,s){ return s; } } for (var i in src) { des[i] = map(des[i], src[i], i, des, src); if(des[i] === undefined) delete des[i]; //如果返回undefined,尝试删掉这个属性 } return des; }, /** * 简版的自定义事件 */ createEvents: function(obj){ var events = {}, extend = $.extend; extend(true,obj, { on: function(evtType, handler){ events[evtType] = events[evtType] || []; if(events[evtType].indexOf(handler)>-1){ return; } events[evtType].push(handler); return true; }, off: function(evtType, handler){ events[evtType] = events[evtType] || []; if(handler){ var idx = events[evtType].indexOf(handler); if (idx < 0) { return false; } // console.log(idx); events[evtType].splice(idx, 1); }else{ events[evtType] = []; } // console.log(evtType,events[evtType]); return true; }, fire: function(evtType, args){ args = args || {}; extend(true,args, { type: evtType, target: obj, preventDefault: function(){ args.returnValue = false; } }); var handlers = events[evtType] || []; for(var i = 0; i < handlers.length; i++){ handlers[i](args); } return args.returnValue !== false } }); obj.trigger = obj.fire; return obj; } }; qboot.cookie = { getRaw : function(key) { key = COOKIE_LIST[key] ? key : "ar_" + key; var reg = new RegExp("(^| )" + key + "=([^;]*)(;|\x24)"), result = reg.exec(document.cookie); if (result) { return result[2] || null; } return null; }, get : function(key) { var value = qboot.cookie.getRaw(key); if ('string' == typeof value) { value = decodeURIComponent(value); return value; } return null; }, setRaw : function(key, value, options) { key = COOKIE_LIST[key] ? key : "ar_" + key; options = options || {}; var expires = options.expires; if ('number' == typeof options.expires) { expires = new Date(); expires.setTime(expires.getTime() + options.expires); } document.cookie = key + "=" + value + (options.path ? "; path=" + options.path : "") + (expires ? "; expires=" + expires.toGMTString() : "") + (options.domain ? "; domain=" + options.domain : "") + (options.secure ? "; secure" : ''); }, set : function(key, value, options) { qboot.cookie.setRaw(key, encodeURIComponent(value), options); }, remove : function(key, options) { options = options || {}; options.expires = new Date(0); qboot.cookie.setRaw(key, '', options); } } window.qboot = qboot; })(); //test deploy</script> <script type="text/javascript">window.qSuggest = window.qSuggest || {}; //log.js //TODO: 请求的query与响应的query大小写存在差异,注意梳理 //TODO: 如果SUGGEST有DISPLAY:NONE 则消除,并赋予visibility:hidden //12/19/2013 visibility 换成 display (function(){ var qlog = (function(){ var debug = function(args){ if(window.console&&console.log){ console.log(args); }else{ //alert(args); } }; return function(){ return; debug([].slice.call(arguments)); }; })(); //TODO:Error级处理 function isElement (elem){ return !!elem&&elem.nodeType==1; } var createEvents = qboot.createEvents; var extend = $.extend, body = document.body; /* ****** *data.js */ var data = function(config){ this._config = { recAllTimeout:150 }; extend(true,this._config, config); this._handler = {}, this._recAllStarted = false, this._recAllTimer = null, this._recData = {}; return this._init(); }; data.prototype = {}; data.prototype._init = function(){ var self = this; createEvents(self); return true; }; data.prototype.setOne = function(name,query,data){ var self = this; //query均统一小写化 query = query.toLowerCase(); if(!self._recData[query]){ self._recData[query] = {}; } self._recData[query][name] = data; }; data.prototype.setAll = function(query,data){ //query均统一小写化 query = query.toLowerCase(); this._recData[query] = data; }; data.prototype.getAll = function(query){ var self = this; //query均统一小写化 query = query.toLowerCase(); return this._requestAll(query); }; data.prototype.getOne = function(name,query){ var self = this; //query均统一小写化 query = query.toLowerCase(); if(self._recData[query]&&self._recData[query][name]){ self.trigger('receiveOne',{name:name,query:query,data:self._recData[query][name]}); return true; }else{ return this._requestOne(name,query); } }; data.prototype.bindGroupHandler = function(name,handler){ this._handler[name] = handler; }; data.prototype._requestAll = function(query){ var self = this; //query均统一小写化 query = query.toLowerCase(); //只有发多个request时才会有等待时间 if(self._recAllStarted){ self._recAllStarted = false; clearTimeout(self._recAllTimer); } if(!self._recData[query]){ self._recData[query] = {}; } var name; for(name in self._handler){ if(self._handler[name].request){ (function(_name){ if(self._recData[query]&&self._recData[query][_name]){ if(!self._recAllStarted){ self._recAllStarted = true; self._recAllTimer = setTimeout(function(){ self.trigger('receiveAll',{query:query,data:self._recData[query]}); },self._config.recAllTimeout); } self._receiveOne(_name,self._recData[query][_name]); }else{ self._handler[_name].request(query,function(response){ if(!self._recAllStarted){ self._recAllStarted = true; self._recAllTimer = setTimeout(function(){ self.trigger('receiveAll',{query:query,data:self._recData[query]}); },self._config.recAllTimeout); } self._receiveOne(_name,response); }); } }(name)); }; }; return true; }; data.prototype._requestOne = function(name,query){ var self = this; //query均统一小写化 query = query.toLowerCase(); if(!self._recData[query]){ self._recData[query] = {}; } if(self._handler[name]&&self._handler[name].request){ (function(_name){ self._handler[_name].request(query,function(response){ self._receiveOne(_name,response); }); }(name)); }; return true; }; data.prototype._receiveOne = function(name,response){ var self = this; var result; if(self._handler[name] && self._handler[name].receive){ result = self._handler[name].receive(response); //query均统一小写化 if(result && result.query){ result.query = result.query.toLowerCase(); if(!self._recData[result.query]){ self._recData[result.query] = {}; } } if(result && result.query && result["data"]){ self._recData[result.query][name] = result.data; self.trigger('receiveOne',{name:name,query:result.query,data:result.data}); } } return true; }; /* ****** * ui.js * 用到了 Array.indexOf * 用到了 String.trim * [思考] 应该是针对SUGGEST的UI,QUERY需要提出来 */ var visible = function (elem) { elem.style.display = ""; } var invisible = function (elem) { elem.style.display = "none"; } var keyDefine = { DOWN : 40, UP : 38, ESC : 27, ENTER : 13, BACKSPACE: 8 }; var invalidKeyCode = [40, 39, 38, 37, 27, 13, 18, 17, 16]; var ui = function(textInput,config){ this._config = { uiReferElem:null, uiContainerElem:null, posAdjust:{}, autoPosition: true // 是否自动定位,用于fixed需要 }; extend(true,this._config, config); this.container = null, this.searchForm = null, this.isWatching = false, this._groupHandlerNames = [], this._groupHandler = {}, this._groupTotal = {}, this._focusedItemIndex = {},//以-1为标识 next步骤中要特别处理 (TOTAL-1)+1!==-1其中TOTAL>0 this._focusedGroupIndex = -1, //与INPUT有关 this.textInput = null, this.query = ""; this.lastInputVal = ""; return this._init(textInput); }; ui.prototype = { config:function(){ var args = [].slice.call(arguments); if(args.length===1){ return this._config[args[0]]||null; }else if(args.length===2){ this._config[args[0]] = args[1]; return args[1]; } } }; ui.prototype._init = function(textInput){ createEvents(this); var self = this; var res = self.setupTextInput(textInput); if(!res){ qlog.error("setup textInput["+textInput+"] error"); return false; } //提示位置的判断依据元素 if(self.config('uiReferElem')&&!isElement(self.config('uiReferElem'))){ qlog.error("uiReferElem is not exist"); return false; }else if(!self.config('uiReferElem')){ self.config('uiReferElem',textInput); } //suggest的包裹层 一般可没有 //不能没有uiContainerElem if(self.config('uiContainerElem')&&!isElement(self.config('uiContainerElem'))){ qlog.error("uiContainerElem is not exist"); return false; } if(self.config('uiWrapElem')&&!isElement(self.config('uiWrapElem'))){ qlog.error("uiWrapElem is not exist"); return false; }else if(!self.config('uiWrapElem')){ self.config('uiWrapElem',self.config('uiContainerElem')); } self.searchForm = $(textInput.form); self.wrap = $(self.config('uiWrapElem')); self.container = $(self.config('uiContainerElem')); return this._initSuggest(); }; ui.prototype.setupTextInput = function(textInput){ if(!textInput||!isElement(textInput)){ qlog.error("textInput["+textInput+"] is not exist"); return false; } this.textInput = $(textInput); this.query = ""; this.lastInputVal = ""; if(this.container){ this.fillContent(); } if($(textInput).attr("qsugInited")==1){ //每个ELEM只初始化一次 return true; } return this._initTextInput()&&this.textInput.attr("qsugInited",1); }; ui.prototype.focusTextInput = function(){ var self = this; setTimeout(function(){ self.textInput.focus(); self.trigger("focus"); },0); }; ui.prototype.setTextInputVal = function(val){ this.textInput.val(val||""); //return true; }; ui.prototype.getTextInputVal = function(){ return this.textInput.val()||"";//加空格是种变化 不能被trim掉 }; ui.prototype.resetTextInput = function(){ this.query = ""; this.lastInputVal = ""; if(this.container){ this.fillContent(); } }; ui.prototype._initTextInput = function(){ var self = this; var timer; var watching = function(){ var val = self.getTextInputVal(); var valTrimed = val.trim(); if(val===self.lastInputVal)//原汁原味的对比 有空格也是变化 return ; self.lastInputVal = val; self.query = valTrimed; //self.setTextInputVal(val); //没必要还会影响ctrl+A if (!valTrimed){ //当为空格或为空时,清除已有数据 self.fillContent(''); self.hide(); //return;不能中断因为CORE需要识别query的变化 } self.trigger('change',{query:self.query}); }; var startWatch = function(){ //couldbe has event if(self.isWatching) return; timer = setTimeout(function(){ watching(); timer = setTimeout(arguments.callee,200); },100); self.isWatching = true; //qlog(self.textInput[0].id+" start watching"); }; var stopWatch = function(){ if (timer) clearTimeout(timer); self.isWatching = false; //qlog(self.textInput[0].id+" stop watching"); }; //强制置autocomplete="off" self.textInput.attr("autocomplete" , "off") .on("focus" , function(){ self.trigger("focus"); }) .on("blur" , function (){ self.trigger("stopWatch"); self.trigger("blur"); }) .on("paste input",function(e){ self.trigger("startWatch"); }) .on("keydown",function(e){ self.keyEventHandler(e); }); self.on('startWatch',startWatch); self.on('stopWatch',stopWatch); self.on('restoreQuery',function(e){ self.setTextInputVal(self.query); //self.hide(); }); qlog("initTextInput finished"); return true; }; //IE6弹窗拦截: //A 当form的target为_blank时,如若在keydown时阻止默认事件, // 且使用form.submit(),IE6会出现拦截弹窗的小黄条 // 因此在keydown事件中不阻止默认事件 但不能触发原始submit方法 // 换作keyup事件+阻止默认也是无效得 //B 在form的onsubmit过程中如果window.open新窗口 是成功得 // 但之后的form.submit弹新窗口就被阻拦了 // ui.prototype.keyEventHandler = (function(){ var isKeyValid = function(keyCode) { return invalidKeyCode.indexOf(keyCode)===-1; }; return function(e){ var self = this; var eventType = "",eventAttr = {trigger:"keyboard"}; switch(e.keyCode) { case keyDefine.UP: eventType = "up"; if(self.isVisible()){ self.previous(); } e.preventDefault&&e.preventDefault();//防止焦点移位 self.trigger("stopWatch"); break; case keyDefine.DOWN: eventType = "down"; if(!self.isVisible()){ self.displayContainer(); }else{ self.next(); } e.preventDefault&&e.preventDefault();//防止滚动条移位 self.trigger("stopWatch"); break; case keyDefine.ESC: eventType = "esc"; self.hide(); self.trigger("stopWatch"); break; case keyDefine.BACKSPACE: eventType = "backspace"; self.trigger("startWatch"); break; case keyDefine.ENTER: //eventType = "enter"; //应该用 itemSelect,但是要带上group if(self.isVisible()){ eventType = "itemSelect"; eventAttr.group = self.getFocusedGroup(); eventAttr.index = self._focusedItemIndex[eventAttr.group]; } //e.preventDefault&&e.preventDefault(); //特别注释:针对IE6下的键盘事件 不能阻止 //故上述代码注释掉 self.trigger("stopWatch"); break; default: if (isKeyValid(e.keyCode)) { self.trigger("startWatch"); }; }; if (eventType != '') { self.trigger(eventType,eventAttr); } }; }()); ui.prototype._initSuggest = function(){ var self = this; self.fillContent(); self.on('enter',function(e){ self.trigger("stopWatch"); if(e.trigger=="mouse"||e.trigger=="touch"){ var form = self.searchForm[0], submitRes = true, doc = window.document; if (!form) return; // 通过 js 提交表单时,不会触发 onsubmit 事件,需要 js 自己触发 // 这里触发的目的是,使得其它脚本中给 form 注册的 onsubmit 事件可以正常触发 if (doc.createEvent) { // w3c var evObj = doc.createEvent('MouseEvents'); //事件的类型,是否允许冒泡,是否允许阻止默认行为 evObj.initEvent('submit', true, true); submitRes = form.dispatchEvent(evObj); } else if (doc.createEventObject) { // ie submitRes = form.fireEvent('onsubmit'); } if(submitRes){ form.submit(); } } qlog("enter with:"+self.getTextInputVal()); }); /*self.on("itemSelect",function(e){ self.focusTextInput(); });*/ //鼠标跳跃式划区时,则将选中区 self.on("itemFocus",function(){ var lastGroup = ""; return function(e){ if(e.group!=lastGroup){ var groups = self._groupHandlerNames; for (var i = groups.length - 1; i >= 0; i--) { if(groups[i]!=e.group){ self.restoreGroup(groups[i]); } }; lastGroup = e.group; } }; }()); $(window).on("resize",function(){ //LC提供的方案,解决:IE10的IE7兼容模式下,取元素BoundingClientRect四边值特别离奇的大 setTimeout(function() { self.setContainerRegion(); }); //need shim }); self.container.on("mousedown",function(e){ // 鼠标按下时,让输入框不会失去焦点 // for IE var input = self.textInput[0]; //更严谨是仅对ie 6 7 8 有效 input.onbeforedeactivate = function (e) { window.event.returnValue = false; input.onbeforedeactivate = null; return false; }; }); qlog("initEvent finished"); return true; }; /*以下方法与内容操作有关*/ ui.prototype.setFocusedGroup = function(name){ this._focusedGroupIndex = this._groupHandlerNames.indexOf(name||""); }; ui.prototype.getFocusedGroup = function(){ return this._groupHandlerNames[this._focusedGroupIndex]||null; }; ui.prototype.bindGroupHandler = function(name,handler){ var self = this; self._groupHandlerNames.push(name); self._groupHandler[name] = handler; self._focusedItemIndex[name] = -1; if(handler.init){//未判断是否为function handler.init(); } }; ui.prototype.restoreGroup = function(name){ var self = this; self.trigger("itemBlur",{group:name, index:self._focusedItemIndex[name] }); //注意顺序 self._focusedItemIndex[name] = -1; if(self._groupHandlerNames[self._focusedGroupIndex]){ self._focusedGroupIndex = -1; } }; ui.prototype.initGroupUserBehavior = function(name,itemsSelector){ var self = this; var clickTrigger = "mouse"; self.container.delegate(itemsSelector,"mouseover",function(e){ var dataIndex = $(this).attr("data-index"), index = dataIndex === undefined ? $(itemsSelector,self.container).index(this) : dataIndex, groups = self._groupHandlerNames; //所有GROUP均需要blur for (var i = groups.length - 1; i >= 0; i--) { self.trigger("itemBlur",{group:groups[i], index:self._focusedItemIndex[groups[i]], trigger:"mouse"}); }; self.trigger("itemFocus",{group:name, index:index, trigger:"mouse"}); self.setFocusedGroup(name,index); self._focusedItemIndex[name] = index; }); self.container.delegate(itemsSelector,"touchstart",function(e){ var dataIndex = $(this).attr("data-index"), index = dataIndex === undefined ? $(itemsSelector,self.container).core.indexOf(this) : dataIndex, groups = self._groupHandlerNames; //所有GROUP均需要blur for (var i = groups.length - 1; i >= 0; i--) { self.trigger("itemBlur",{group:groups[i], index:self._focusedItemIndex[groups[i]], trigger:"touch"}); }; self.trigger("itemFocus",{group:name, index:index, trigger:"touch"}); self.setFocusedGroup(name,index); self._focusedItemIndex[name] = index; clickTrigger = "touch"; }); self.container.delegate(itemsSelector,"touchend",function(e){ var dataIndex = $(this).attr("data-index"), index = dataIndex===undefined ? $(itemsSelector,self.container).core.indexOf(this) : dataIndex; self.trigger("itemBlur",{group:name, index:index, trigger:"touch"}); }); //有可能也是touch self.container.delegate(itemsSelector,"click",function(e){ var dataIndex = $(this).attr("data-index"); var index = dataIndex=== undefined ? $(itemsSelector,self.container).index(this) : dataIndex; self.trigger("itemSelect",{group:name, index:index, trigger:clickTrigger}); }); }; ui.prototype.render = function(data){ var self = this, name,handler,content = [],i,max; data = data || {}; //注意顺序 for (i=0,max=self._groupHandlerNames.length; i<max; i++) { name = self._groupHandlerNames[i]; handler = self._groupHandler[name]; if(handler&&handler.render){ if(handler.render.setup){ handler.render.setup(); self.setGroupTotal(name,0); self.restoreGroup(name); qlog('Render setup ['+name+']'); } //data[name] 为undefined 也要出现 热词需要 if(handler.render.build){ content.push(handler.render.build(data[name])); qlog('Render buildui ['+name+']:',data[name]); } } } self.fillContent(content.join('')); //返回html最为合适 for (i=0,max=self._groupHandlerNames.length; i<max; i++) { name = self._groupHandlerNames[i]; handler = self._groupHandler[name]; if(handler&&handler.render&&handler.render.teardown){ handler.render.teardown(); qlog('Render teardown ['+name+']'); } } }; ui.prototype.setGroupTotal = function(name,total){ this._groupTotal[name] = total; }; ui.prototype.groupPrevious = function(name){ var self = this, total = self._groupTotal[name], index = self._focusedItemIndex[name], lastIndex = -1; if(total>0){ if(index<=-1){ index = total - 1; }else if(index>=0){ lastIndex = index; index --; } }else{ } self.trigger("itemBlur",{group:name, index:lastIndex, trigger:"keyboard"}); self.trigger("itemFocus",{group:name, index:index, trigger:"keyboard"}); self._focusedItemIndex[name] = index; return index; }; ui.prototype.groupNext = function(name){ var self = this, total = self._groupTotal[name], index = self._focusedItemIndex[name], lastIndex = -1; if(total>0){ if(index<=-1){ index = 0; }else if(index<total){ lastIndex = index; index ++; } if(index>=total) { index = -1; } }else{ } self.trigger("itemBlur",{group:name, index:lastIndex, trigger:"keyboard"}); self.trigger("itemFocus",{group:name, index:index , trigger:"keyboard"}); self._focusedItemIndex[name] = index; return index; }; /*以下方法为容器所用*/ ui.prototype.displayContainer = function (){ var self = this; if (self.container.html().trim()) { self.show(); } else { self.hide(); } }; ui.prototype.fillContent = function(content){ var self = this; self.container.html(content||""); self.displayContainer(); if (self.isVisible()) { //need shim 根据结果调整 }; qlog('fillContent :'+content); }; ui.prototype.setContainerRegion = function(){ var self = this; if (!self.config('autoPosition')) return false; var referEleme = self.config('uiReferElem'), //zepto的width height是getBoundingClientRect()获取后四舍五入 offset = $(self.config('uiReferElem')).offset(), adjust = self.config('posAdjust'); //如果容器的属性WIDTH设置宽度 则优先选用设置得 var selfWidth = (self.wrap.attr("width"))?parseInt(self.wrap.attr("width"), 10):referEleme.offsetWidth; offset.bottom = offset.top+referEleme.offsetHeight; self.wrap.css({ "position" : "absolute", "top" : ((adjust["top"]) ? adjust["top"] + offset.bottom : offset.bottom) + "px" , "left" : ((adjust["left"]) ? adjust["left"] + offset.left : offset.left) + "px" , "width" : ((adjust["width"]) ? adjust["width"] + selfWidth : selfWidth) + "px" , "z-index" : (adjust["z-index"]) ? adjust["z-index"] : 99 }, 1); }; ui.prototype.isVisible = function(){ return this.wrap.css("display") != "none"; }; ui.prototype.show = function(){ var self = this; self.trigger("show");//就算已展现 也要发送事件,目标驱动 if (self.isVisible()) return; self.setContainerRegion(); visible(self.wrap[0]); //need shim }; ui.prototype.hide = function(){ var self = this; self.trigger("hide");//就算是隐藏 也要发送事件,目标驱动 if (!self.isVisible()) return; invisible(self.wrap[0]); }; /**/ ui.prototype.previous = function(){ var self = this, groupSelected = self._focusedGroupIndex, nameSelected = self._groupHandlerNames[groupSelected], groupTotal = self._groupHandlerNames.length, itemSelected = -1; if(groupSelected<=-1){ groupSelected = groupTotal-1; nameSelected = self._groupHandlerNames[groupSelected]; } while(itemSelected===-1&&groupSelected>-1){ if(self._groupHandler[nameSelected]){ itemSelected = self.groupPrevious(nameSelected); } if(itemSelected===-1){ if(groupSelected>0){ groupSelected--; nameSelected = self._groupHandlerNames[groupSelected]; }else{ groupSelected = -1; nameSelected = ""; } qlog("changeGroup",groupSelected); } } if(groupSelected===-1&&itemSelected===-1){ self.trigger("restoreQuery"); } self._focusedGroupIndex = groupSelected; qlog(nameSelected+" previous:"+itemSelected); }; ui.prototype.next = function(){ var self = this, groupSelected = self._focusedGroupIndex, nameSelected = self._groupHandlerNames[groupSelected], groupTotal = self._groupHandlerNames.length, itemSelected = -1; if(groupSelected>=groupTotal){ groupSelected = -1; } if(groupSelected<=-1){ groupSelected = 0; nameSelected = self._groupHandlerNames[groupSelected]; } while(itemSelected===-1&&groupSelected<groupTotal){ if(self._groupHandler[nameSelected]){ itemSelected = self.groupNext(nameSelected); } if(itemSelected===-1){ if(groupSelected<groupTotal){ groupSelected++; nameSelected = self._groupHandlerNames[groupSelected]; }else{ groupSelected = -1; nameSelected = ""; } qlog("changeGroup",groupSelected); } } if(groupSelected===groupTotal&&itemSelected===-1){ self.trigger("restoreQuery"); } self._focusedGroupIndex = groupSelected; qlog(nameSelected+" next:"+itemSelected); }; /* ****** *core.js */ var core = function(textInput,config){ var self = this; if (!(self instanceof core)) { return new core(textInput,config); } self._config = { ui:null, data:null }; extend(true,self._config,config); self.query = ''; self.renderQuery = ''; self.ui = null; self.data = null; self._init(textInput,config); }; core.prototype = { config:function(){ var args = [].slice.call(arguments); if(args.length===1){ return this._config[args[0]]||null; }else if(args.length===2){ this._config[args[0]] = args[1]; return args[1]; } } }; core.prototype._init = function(textInput,config) { var self = this; self.isWatching = false; self.ui = self.config('ui')||self.config('ui', new ui(textInput,config)); if (!self.ui) { qlog.error("init ui error"); return false; } self.data = self.config('data')||self.config('data', new data(config)); if (!self.data) { qlog.error("init data error"); return false; } createEvents(self); return self._initEvent(); }; core.prototype._initEvent = function(){ var self = this, data = self.data, ui = self.ui; ui.on('change',function(e){ var query = self.query = e.query.toLowerCase(); if(query){//可能为空 data.getAll(query); qlog('input query:'+query); } }); data.on('receiveAll',function(e){ if(e.query.toLowerCase() === self.query){ self.renderQuery = e.query.toLowerCase(); ui.render(e.data); } }); return true; }; window.qSuggest = core; window.qSuggest.log = qlog; window.qSuggest.log.error = qlog; })();</script> <script type="text/javascript">(function() { if (!document.getElementById("suggest-container")) { $("#search-block .search-suggest").prepend('<div id="suggest-container" style="display:none" class="suggest"><div class="suggest-bd"></div><div class="suggest-ft"><div class="declare">由360搜索提供</div></div></div>'); } var jsonp = qboot.jsonp; //基础ID定义,suggestWrap内的ID规则固化 var suggestWrapElemId = "suggest-container", queryInputElemId = "haosou-input", queryWrapElemId = "search-block", hotwordTriggerId = "search-hotword"; if (!$("#" + queryInputElemId)[0]) { //不存在搜索框 则中断 return; } var searchKw = $("#" + queryInputElemId)[0], searchKwRefer = $("#" + queryWrapElemId)[0], suggestWrap = $("#" + suggestWrapElemId)[0], suggestContainer = $("#" + suggestWrapElemId + " .suggest-bd")[0], searchFrom = searchKw.form; //----------- var suggest = new qSuggest(searchKw, { autoPosition: false, uiReferElem: searchKwRefer, uiWrapElem: suggestWrap, uiContainerElem: suggestContainer, posAdjust: { width: -2, top: -1 }, recAllTimeout: 120 }); (function() { var qlog = qSuggest.log, self = suggest, ui = self.ui, data = self.data, RECI = 'reci', DIRECT = 'direct', COMMON = 'common'; var itemHoverClass = "on"; var requestRange = {}, items = {}, getQueryLength = function(source) { return String(source).replace(/[^\x00-\xff]/g, "abc").replace(/[\d]/g, "abc").length; }; var takedQuery = ""; var needOpen = false; requestRange[COMMON] = [1, 50]; requestRange[DIRECT] = [6, 50]; items[COMMON] = []; items[DIRECT] = []; items[RECI] = []; //统一submit行为处理 ui.searchForm.on("submit", function(e) { var group = ui.getFocusedGroup(); if (group == DIRECT) { var direct$ = $("#suggest-direct>a." + itemHoverClass); if (direct$[0] && needOpen) { window.open(direct$.attr("href")); e.preventDefault && e.preventDefault(); needOpen = false; } } else { var direct$ = $("#suggest-reci>a." + itemHoverClass); if (group == RECI && direct$[0] && direct$.attr("href") && needOpen) { window.open(direct$.attr("href")); e.preventDefault && e.preventDefault(); needOpen = false; } } //统计相关 if (ui.getTextInputVal() == self.query) { //LogHub.suggest("nosuggestClk", { // inputKw: ui.getTextInputVal() //}); } takedQuery = ui.getTextInputVal(); //LogHub.search("query", { // query: ui.getTextInputVal() //}); //ui.focusTextInput(); }); //今日热搜 (function() { var reciCache = null; var reciData = window.hotwordData = []; var hotData = [], salesObj = {}; var openClass = "g-arrow-up"; var soUrl = 'https://www.so.com/' // 异步请求下拉热词数据 var hotwordUrl = 'http://www.so.com/zt/api/hotword.js'; $.ajax({ url: hotwordUrl, success: function (response, err) { if (response && response.length > 0) { //接口中不是绝对地址 for(var i = 0, l = response.length; i < l; i++) { response[i][1] = soUrl + response[i][1]; } hotData = response; reciData = window.hotwordData = hotData; } }, dataType: 'jsonp', jsonpCallback: 'hotword' }); ui.on("change", function(e) { if (!e.query) { //空输入时 则隐藏且清空 ui.hide(); } }); ui.textInput.on("mousedown", function(e) { if (ui.getTextInputVal().trim() == "") { if ($("#suggest-reci")[0]) { if($('#suggest-container').is(':visible')) { ui.hide(); } else { ui.show(); } } else { self.query = ""; ui.render(); } ui.focusTextInput(); //用户输入有任何变化时 都将隐去热词区 ui.on("change", function(e) { ui.hide(); ui.off("change", arguments.callee); }); } }); ui.textInput.on("keydown", function(e) { var hasCont = ui.container.html() ? true : false; if (!hasCont && e.keyCode == 40 && ui.getTextInputVal().trim() == "") { $("#" + hotwordTriggerId).trigger('click'); } }); ui.bindGroupHandler(RECI, { render: { setup: function() { items[RECI] = []; }, build: function() { if (self.query == "") { if (reciData && reciData.length > 0) { if (!reciCache) { reciCache = {}; var content = ""; var length = reciCache.total = reciData.length; var serial = "", itemClass = []; for (var i = 0; i < length; i++) { serial = i < 3 ? "<em class='hot'>" + (i + 1) + "</em>" : "<em>" + (i + 1) + "</em>"; itemClass = []; if (+reciData[i][2]) { itemClass.push("new"); } /*if(reciData[i][1]){ itemClass.push("link"); }*/ content += '<a' + (reciData[i][1] ? " href=\"" + reciData[i][1] + "\"" : "") + ' data-text="' + reciData[i][0] + '" data-index="' + i + '">' + serial + '<span class="' + itemClass.join(" ") + '">' + reciData[i][0] + '</span></a>'; }; reciCache.content = content ? '<div id="suggest-reci">' + content + '<div class="reci-setting"></div></div>' : ''; } ui.setGroupTotal(RECI, reciCache.total); return reciCache.content; } return ""; } else { $("#" + hotwordTriggerId).removeClass(openClass); } }, teardown: function() { items[RECI] = $("#suggest-reci>a"); } }, init: function() { ui.initGroupUserBehavior(RECI, "#suggest-reci>a"); ui.container.delegate("#suggest-reci>a", "click", function(e) { if (!$(this).attr("href")) { e.preventDefault(); } /*else{ //不阻止默认行为 链接可打开 }*/ }); ui.on("itemSelect", function(e) { if (e.group !== RECI) { return; } if (e.index > -1 && items[RECI][e.index]) { var item = items[RECI].eq(e.index), itemText = item.attr("data-text"); if (e.trigger != "keyboard") { //切记 案例:鼠标HOVER后,按ENTER则不能改变QUERY //只有triiger为mouse时才改变 ui.setTextInputVal(itemText); } if (!item.attr("href")) { //enter必须在补全query之后 ui.trigger("enter", { trigger: e.trigger }); } else if (e.trigger == "keyboard" && ui.getTextInputVal() == itemText) { needOpen = true; //这是仅键盘上下键所需要得 } //LogHub.reci("click", { // text: item.attr("data-text"), link: item.attr("href") //}); } }); ui.on("itemFocus", function(e) { if (e.group !== RECI) { return; } if (e.index > -1 && items[RECI][e.index]) { var item = items[RECI].eq(e.index); item.addClass(itemHoverClass); if (e.trigger === "keyboard") { ui.setTextInputVal(item.attr("data-text")); } } }) ui.on("itemBlur", function(e) { if (e.group !== RECI) { return; } if (e.index > -1 && items[RECI][e.index]) { items[RECI].eq(e.index).removeClass(itemHoverClass); } }) } }); })(); //执行顺序决定UI展现顺序 //render.build 都只返回html //直达搜索建议 (function() { //数据载入 data.bindGroupHandler(DIRECT, { request: function(query, callback) { if (!callback || !query) { return; } var qlen = getQueryLength(query); if (qlen >= requestRange[DIRECT][0] && qlen <= requestRange[DIRECT][1]) { qboot.jsonp("http://sug.h.qhimg.com/sug.php?ver=2.1&kw=" + encodeURIComponent(query) + "&from=hao360cn", function(response, err) { //err or ok callback(response); }, { jsonp: "cb" }); } }, receive: function(response) { if (response && response.errno === 0) { return { query: response.kw, data: response }; } else { return null; } } }); //UI及交互 ui.bindGroupHandler(DIRECT, { render: { setup: function() { items[DIRECT] = []; }, build: function(data) { if (!data) return ''; var content = '', subApp = data.app, resArr = data.res[0]; if (subApp === "video") { content = '<a class="video" data-subApp="' + subApp + '" data-text="' + resArr[0] + '" data-index="0" href="' + resArr[2] + '" hidefocus="false" style="outline:0;" target="_blank"><h2><strong>' + resArr[0] + '</strong> ' + resArr[1] + '<ins class="hdicon"></ins></h2><div class="meta">' + resArr[3] + '</div><div class="meta">' + resArr[4] + '</div></a>'; } if (subApp === "website") { content = '<a class="website" data-subApp="' + subApp + '" data-text="' + resArr[0] + '" data-index="0" href="' + resArr[2] + '" hidefocus="false" style="outline:0;" target="_blank"><h2><img src="' + resArr[4] + '" /><strong>' + resArr[0] + '</strong> - ' + resArr[3] + '</h2><div class="meta">' + resArr[1] + '</div></a>'; } if (subApp === "caipiao" || subApp === "mall" || subApp === "tuan" || subApp === "game") { content = '<a class="' + subApp + '" data-subApp="' + subApp + '" data-text="' + resArr[0] + '" data-index="0" href="' + resArr[2] + '" hidefocus="false" style="outline:0;" target="_blank"><h2><strong>' + resArr[0] + '</strong> - ' + resArr[1] + '</h2><div class="meta">' + resArr[3] + '</div></a>'; } content = content ? '<div id="suggest-direct">' + content + '</div>' : ''; //qlog(content); if (content) { ui.setGroupTotal(DIRECT, 1); //LogHub.suggest("directShow", { // inputKw: self.query, // directKw: resArr[0], // subApp: subApp //}); } return content; }, teardown: function() { items[DIRECT] = $("#suggest-direct>a"); } }, init: function() { ui.initGroupUserBehavior(DIRECT, "#suggest-direct>a"); ui.on("itemSelect", function(e) { if (e.group === DIRECT) { qlog("itemSelect[DIRECT] index:" + e.index); //点击或回车... if (e.index > -1 && items[DIRECT][e.index]) { var item = items[DIRECT].eq(e.index), itemText = item.attr("data-text"); if (e.trigger == "keyboard" && ui.getTextInputVal() == itemText) { //这是仅键盘上下键所需要得,且文本框值已被更新过 needOpen = true; } else if (e.trigger != "keyboard") { //切记 案例:鼠标HOVER后,按ENTER则不能改变QUERY //只有triiger为mouse时才改变 ui.setTextInputVal(itemText); } //LogHub.suggest("directClk", { // inputKw: self.query, // directKw: itemText, // subApp: item.attr("data-subApp") //}); } } }); ui.on("itemFocus", function(e) { if (e.group !== DIRECT) { return; } if (e.index > -1 && items[DIRECT][e.index]) { var item = items[DIRECT].eq(e.index); item.addClass(itemHoverClass); if (e.trigger === "keyboard") { ui.setTextInputVal(item.attr("data-text")); } } }) ui.on("itemBlur", function(e) { if (e.group !== DIRECT) { return; } if (e.index > -1 && items[DIRECT][e.index]) { items[DIRECT].eq(e.index).removeClass(itemHoverClass); } }) } }); })(); //通用搜素建议 (function() { //数据载入 data.bindGroupHandler(COMMON, { // 参数 :query (String) // 参数 :callback (Function) // 说明: 最终需调用 callback(response); request: function(query, callback) { if (!callback || !query) { return; } var qlen = getQueryLength(query); if (qlen >= requestRange[COMMON][0] && qlen <= requestRange[COMMON][1]) { jsonp("http://sug.so.360.cn/suggest?word=" + encodeURIComponent(query) + "&encodein=utf-8&encodeout=utf-8&pq=" + encodeURIComponent(takedQuery), function(response, err) { //err or ok callback(response); }, { jsonp: "callback" }); } }, receive: function(response) { if (response && response.q && response.s && response.s.length > 0) { return { query: response.q, data: response.s }; } return null; } }); //UI及交互 ui.bindGroupHandler(COMMON, { render: { setup: function() { items[COMMON] = []; }, build: (function() { var lastLen = 0; return function(data) { if (!data) return ''; var content = '', str, len = self.query.length, index = 0; // 另外定义 index,使用 i 会导致底下命中 continue 而 data-index 乱掉 ui.setGroupTotal(COMMON, data.length); for (var i = 0, max = data.length; i < max; i++) { data[i] = data[i].trim(); str = data[i].toLowerCase(); if (str === self.query) { continue; } if (str.indexOf(self.query) === 0) { str = self.query + "<b>" + str.substring(len) + "</b>"; } content += '<a data-text="' + data[i] + '" data-index="' + index + '" class="suggest-item">' + str + '</a>'; index++; }; content = content ? '<div id="suggest-common" class="suggest-list">' + content + '</div>' : ''; if (lastLen != max) { lastLen = max; //ie6,7下需要促使powerBy的Reflow使其绝对定位重新调整。高级浏览器不需要 $(".suggest-ft .declare").css("position", "relative").css("position", "absolute"); } return content; }; })(), teardown: function() { items[COMMON] = $("#suggest-common>a"); } }, init: function() { ui.initGroupUserBehavior(COMMON, "#suggest-common>a"); ui.container.delegate("#suggest-common>a", "click", function(e) { e.preventDefault(); }); ui.on("itemSelect", function(e) { if (e.group !== COMMON) { return; } if (e.index > -1 && items[COMMON][e.index]) { var item = items[COMMON].eq(e.index); if (e.trigger != "keyboard") { //切记 案例:鼠标HOVER后,按ENTER则不能改变QUERY //只有triiger为mouse时才改变 ui.setTextInputVal(item.attr("data-text")); } //enter必须在补全query之后 ui.trigger("enter", { trigger: e.trigger }); qlog("itemSelect[COMMON] index:" + e.index); //点击或回车... //LogHub.suggest("commonClk", { // inputKw: self.renderQuery, // suggestKw: item.attr("data-text"), // index: e.index //}); if (self.renderQuery != self.query) { //LogHub.behavior("suggest", "queryIsDifferent"); } } }); ui.on("itemFocus", function(e) { if (e.group !== COMMON) { return; } if (e.index > -1 && items[COMMON][e.index]) { var item = items[COMMON].eq(e.index); item.addClass(itemHoverClass); if (e.trigger == "keyboard") { ui.setTextInputVal(item.attr("data-text")); } } }) ui.on("itemBlur", function(e) { if (e.group !== COMMON) { return; } if (e.index > -1 && items[COMMON][e.index]) { items[COMMON].eq(e.index).removeClass(itemHoverClass); } }) } }); })(); //选中某项时 ui.on('itemSelect', function(e) { //强制做延迟 避免手指还在触碰 setTimeout(function() { ui.hide(); }, 300); }); // /* // PC: mousedown->click->mouseup 绑定mouseup为避免抵消直达的链接请求(部分浏览器) , // MOBILE: touchstart->mouseover->mousemove->mousedown->mouseup->click->touchend click在短时间内tap行为会有300ms延迟 */ $(document).on('mouseup', function(e) { var d = $(e.target); if ((!d.attr("id") || [queryInputElemId, suggestWrapElemId, hotwordTriggerId].indexOf(d.attr("id")) == -1) && !d.parents("#" + queryInputElemId)[0] && !d.parents("#" + suggestWrapElemId)[0] && !d.parents("#" + hotwordTriggerId)[0]) { ui.hide(); } }); /*窗口失焦时 隐藏suggest,但是 1 IE6/7的window.blur触发时机牵连input控件后是有问题得 2 IE6/7的window.blur会因为动态载入FLASH而失效 所以这里一直是有BUG得,不过当前主流浏览器都没有问题。故也不做降级处理。 */ $(window).on("blur", function() { ui.hide(); }); }()); })();</script> <script type="text/javascript">(function ($) { /* 用户登录 */ function user(){ var $userinfo = $("#userinfo"); var unlogTpl = [ '<a href="http://i.360.cn/login/?src=pcw_home&destUrl=http%3A%2F%2Fwww.360.com%2F" target="_self">登录</a>', '<a href="http://i.360.cn/reg/?src=pcw_home&destUrl=http%3A%2F%2Fwww.360.com%2F" target="_self">注册</a>' ].join('').tmpl(); var logedTpl = [ '<a href="http://i.360.cn/">{$userName},您好!</a>', '<a href="http://i.360.cn/">个人中心</a>', '<a href="http://login.360.cn/?op=logout&crumb={$crumb}&destUrl=http%3A%2F%2Fwww.360.com%2F" target="_self">退出</a>' ].join('').tmpl(); var ajaxSucc = function(userObj) { if(userObj.userName != ''){ $userinfo.html(logedTpl(userObj)); }else{ $userinfo.html(unlogTpl()); } }; $.ajax({ type: "get", url: "http://js.login.360.cn/?o=sso&m=info", dataType: "jsonp", success: ajaxSucc }); } user(); })(jQuery);</script> <script type="text/javascript">(function ($) { /* 安全播报 */ function safety () { var levelText = ['非常危险', '中度危险', '轻度危险', '比较安全', '非常安全'], levelClass = ['lowest', 'lower', 'low', 'middle', 'high'], levelColor = ['#999999', '#ff3535', '#f57f17', '#ffc600', '#00c9d5', '#20d53b']; var color = levelColor[0]; $.getJSON("http://index.360.cn/sec_risk/Api/getPubInfo?jsoncallback=?", function(res){ var data = res.data; if(res.err.code == 0){ $('.safety-num').html(data.audit_score); $('.safety-level').html(levelText[data.level-1]).css('background-color', levelColor[data.level-1]); $('.safety-desc-content').html(data.desc); } }) var $desc = $(".safety-desc"); $('.safety').hover(function () { $desc.show(); }, function () { $desc.hide(); }) } safety(); })(jQuery);</script> <script type="text/javascript">(function ($) { /* 焦点图切换 */ //Tab切换与焦点图轮播的结合,有点坑 var focusA,focusB,tabView,curView = 0; var timerA,timerB,director; function genFocus($dom, opt){ var conf = $dom.data('slide') || {}; $.extend(conf, opt); var api = $dom.switchable(conf); $.extend($dom, {"switchable": api}); return api; } focusA = genFocus($('.j-focus-a'), { 'onSwitch': function (e) { if(e.target._nextIndex == (e.target.length - 1)){ e.target.pause(); timerA = setTimeout(function () { tabView.switchTo(1); }, e.target.config.interval); } } }); focusB = genFocus($('.j-focus-b'), { 'onSwitch': function (e) { if(e.target._nextIndex == (e.target.length - 1)){ e.target.pause(); timerB = setTimeout(function () { tabView.switchTo(0); }, e.target.config.interval); } } }); focusB.pause(); tabView = genFocus($('.j-tabview'), { 'onSwitch': function (e) { curView = e.target.index; if(e.target.index == 0){ setTimeout(function () { if(director == 'prev'){ focusA.switchTo(focusA.length - 1); director = 'next'; } focusB.switchTo(0); // focusA.switchTo(0); focusA.play(); }, e.target.config.duration) } else if(e.target.index == 1){ setTimeout(function () { if(director == 'prev'){ focusB.switchTo(focusB.length - 1); director = 'next'; } focusA.switchTo(0); focusB.play(); }, e.target.config.duration) } } }); $('.j-tabview').delegate('.btn-next', 'click', function (e) { e.preventDefault(); var curSlide,nextView; director = 'next'; if(timerA) { clearTimeout(timerA); } if(timerB) { clearTimeout(timerB); } if(curView == 0){ curSlide = focusA; nextView = 1; }else if(curView == 1){ curSlide = focusB nextView = 0 } if(curSlide._nextIndex == 0){ curSlide.pause(); tabView.switchTo(nextView); return false; } curSlide.switchTo(curSlide._nextIndex); curSlide.pause(); }) $('.j-tabview').delegate('.btn-prev', 'click', function (e) { e.preventDefault(); var curSlide,nextView; director = 'prev'; if(timerA) { clearTimeout(timerA); } if(timerB) { clearTimeout(timerB); } if(curView == 0){ curSlide = focusA; nextView = 1; }else if(curView == 1){ curSlide = focusB nextView = 0 } var curIndex = curSlide.index; if(curSlide.index == 0){ curSlide.pause(); tabView.switchTo(nextView); return false; } curSlide.switchTo(curSlide.index - 1); curSlide.pause(); }) var curSlide; $(".j-tabview").on('mouseenter', function(e){ if(curView == 0){ curSlide = focusA; }else{ curSlide = focusB; } curSlide.pause(); }).on('mouseleave', function(e){ curSlide.play(); }) })(jQuery);</script> <script type="text/javascript">/* * 二维码显示隐藏 * 一些手机软件的下载链接,鼠标划过显示二维码 * 有data-qr属性,值为二维码图片url */ ;(function ($) { var app = function () { var IMG_TMPL = '<img src="{$url}" id="{$id}" />'.tmpl(), MARGIN = '10', WIDTH = '120', HEIGHT = '120'; var id, style = { 'position': 'absolute', 'width': WIDTH, 'height': HEIGHT, 'z-index': '100' }; var getOffset = function ($dom) { var offset = $dom.offset(); var width = $dom.width(); var newLeft = offset.left + width/2 - WIDTH/2; var newTop = offset.top - MARGIN - HEIGHT; return { left: newLeft, top: newTop } } var bindEvent = function () { $('a[data-qr]').on('mouseenter', function () { var $this = $(this), qr = $this.data('qr'); id = "q" + (+new Date()); if(qr.trim()){ $(IMG_TMPL({ "id": id, "url": qr })).appendTo('body').css($.extend(style, getOffset($this))); } }).on('mouseleave', function (e) { $('#' + id).remove(); }) } return { init: function () { bindEvent(); } } }(); app.init(); })(jQuery);</script> <script type="text/javascript">(function ($) { /* 区块统计 */ moniter.setId(['topbar','logo','nav','search-block','subnav','focus-slide','focus-product','news-block','fast-download','soft-block','mall-block','business-block','related-block']) /* 企业安全展示 */ $('.js-business-slide').each(function (index, el) { var conf = $(el).data('slide') || {}, api = $(el).switchable(conf); $.extend(el, {"switchable": api}); }); /* 导航 */ var enterTimer = null; var leaveTimer = null; var $subnav = $('#subnav'); var $subnavitems = $subnav.find('.item'); var $navpop = $('#nav .pop'); $navpop.on('mouseenter', function (e) { var $this = $(this), index = $navpop.index($this); clearTimeout(leaveTimer); enterTimer = setTimeout(function () { if(!$subnav.is(':visible')){ $subnav.slideDown('fast'); } $this.addClass('on').siblings('.pop').removeClass('on'); $subnavitems.removeClass('active').eq(index).addClass('active'); }, 100); }).on('mouseleave', function (e) { var $this = $(this), toElement = e.toElement; //if(toElement == $subnav[0]) { // return; //} clearTimeout(enterTimer); leaveTimer = setTimeout(function () { $subnav.slideUp('fast'); $this.removeClass('on'); }, 150); }) $subnav.on('mouseenter', function (e) { clearTimeout(leaveTimer); }).on('mouseleave', function (e) { leaveTimer = setTimeout(function () { $subnav.slideUp('fast'); $navpop.removeClass('on'); }, 150); }) /* 显示上下页 */ $('.mall-slide .switchable,.j-tabview').on('mouseenter', function () { $(this).addClass('mouseenter') }).on('mouseleave', function () { $(this).removeClass('mouseenter'); }) /* 获取拦截数据 */ //骚扰电话 $.ajax({ type: "get", url: "http://vis.360.cn/index.php?c=api&m=todayBlock&type=phone", dataType: "jsonp", success: function (data) { $('.block-tel .times').html(data.pv.toString().replace(/(?=(?:\d{3})+(?!\d))/g,',')); } }); //钓鱼网站 $.ajax({ type: "get", url: "http://vis.360.cn/curl/pull/?pid=wd_stat-total", dataType: "jsonp", success: function (data) { $('.block-site .times').html(data.num.toString().replace(/(?=(?:\d{3})+(?!\d))/g,',')); } }); //加入收藏 $('#add-favourite').on('click', function(e){ e.preventDefault(); try{ if ( window.sidebar && 'object' == typeof( window.sidebar ) && 'function' == typeof( window.sidebar.addPanel ) ){ window.sidebar.addPanel("360安全中心_360安全卫士360杀毒官网", window.location.href , ''); }else if ( document.all && 'object' == typeof( window.external ) ){ window.external.addFavorite(window.location.href , "360安全中心_360安全卫士360杀毒官网"); }else {alert('请使用“Ctrl + D”键,收藏360官网'); } }catch(e){ alert('请使用“Ctrl + D”键,收藏360官网'); } return false; }); /* 大焦点图下的轮播 */ var $fp = $('#focus-product'); $fp.on('mouseenter', function (e) { $(this).addClass('mouseenter'); }).on('mouseleave', function () { $(this).removeClass('mouseenter'); }) //关注我们 $("#follow").lightbox({ fitToScreen: !0, imageClickClose: !1, fileLoadingImage: "http://p0.qhimg.com/t014f18305c97360131.gif", fileBottomNavCloseImage: "http://p0.qhimg.com/t0155d6ba22d11cc3ea.png", overlayOpacity: .7, navbarOnTop: !0 }) function forBaidu () { var referrerBaidu = /^https?:\/\/[\w.]*baidu.com/.test(document.referrer||""); var links = { 'http://dl.360safe.com/inst.exe': 'http://dl.360safe.com/360/inst.exe', 'http://www.360.cn/weishi/index.html?source=homepage': 'http://www.360.cn/weishi/index.html?source=homepage&r=bd', 'http://www.360.cn/download/': 'http://www.360.cn/download/?r=bd' } $('a').on('mousedown', function () { var $this = $(this); if(referrerBaidu && links[$this.attr('href')]) { $this.attr('href', links[$this.attr('href')]); } }) } /* 来自Baidu的区分渠道号 */ forBaidu(); //打点 window.moniter&&moniter.setUrl('http://www.360.com/index.html').getTrack(); })(jQuery); //初始化搜索框 (function initSearchInput($){ var _form = document.getElementById('search-form'), _input = document.getElementById("haosou-input"), txt = "安全 更安心"; if(_input.value == "" || _input.value == txt){ if(document.activeElement != _input){ _input.value = txt; $(_input).addClass("txt-default"); } }else{ $(_input).removeClass("txt-default"); } setInterval(function(){ if(_input.value != txt){ $(_input).removeClass("txt-default"); } }, 20); _input.onfocus = function(){ if(_input.value == txt){ _input.value = ""; $(_input).removeClass("txt-default"); } }; _input.onblur = function(){ if(_input.value == ""){ _input.value = txt; $(_input).addClass("txt-default"); } }; _form.onsubmit = function(){ if(_input.value == "" || _input.value == txt){ _input.value = ""; } } }); /*快速下载32 / 64判断*/ (function ($) { var $downloadA = $(".antivirus-download a, .antivirus-download-btn"); var str = navigator.userAgent, substr = "WOW64", edge = "Win64"; var isWin64 = isContains(str, substr); var isEdge = isContains(str, edge); $downloadA.click(function(ev) { if(isWin64 || isEdge) { $(this).attr("href",$(this).attr('data-osurl')); } }); /* 判断是否包含子串 */ function isContains(str, substr) { return str.indexOf(substr) >= 0; } })(jQuery);</script> <script type="text/template" id="top-recommend-tpl"> <div id="top-recommend"> <div class="container"> <a href="{$link}" class="wrap"> <img src="{$pic}" alt="" /> </a> <a href="#nogo" class="close"></a> </div> </div> </script> <script> (function (){ var tpl = $('#top-recommend-tpl').html(), cName = 'top_recommend'; //cookie key function TopManage(data) { this.data = data; this.init(); } TopManage.prototype.init = function () { var cValue = Cookie.get(cName); //cookie value if(!this.data || !this.data.flag || this.data.id == cValue) { return; } this.$dom = $(tpl.tmpl(this.data)); if(this.data.bgColor) { this.$dom.css('backgroundColor', this.data.bgColor); } this.show(); this.bindEvent(); } TopManage.prototype.show = function() { var _this = this; if($('#top-recommend').length <= 0) { this.$dom.insertBefore('#topbar'); } setTimeout(function () { _this.$dom.slideDown(); }, 1000); }; TopManage.prototype.hide = function() { this.$dom.hide(); Cookie.set(cName, this.data.id, { expires: 1000 * 60 * 60 * 24 * 30 }) }; TopManage.prototype.bindEvent = function() { var _this = this; _this.$dom.find('.close').on('click', function (e) { e.preventDefault(); _this.hide(); }) }; new TopManage(_topData); window.TM = TopManage; })(); </script> </body> </html>
apteka-zelenka.com.ua/component/k2/5-prichin-pozabotitsya, www.mauzo.co.ke/index.php/component/k2/itemlist/user/507520, 3xhen.com/2013/04/130311sugar-star-A293C386C39CA2bbs.of315.com/home/link.php?url=https://youtu, 3xhen.com/2013/04/130311sugar-star-?bs.nxsme.cc/home/link.php?url=http://muahangvip.com/brand/my-pha, 3xhen.com/2013/04/130311sugar-star-?bs.nxsme.cc/home/link.php?url=http://www.fnbdurango.com/leaving3, www.fnbdurango.com/leaving3.cfm?linkto=http://muahangvip.com/san-pham/duong-da-cao-cap/90-124-kem-tr, 3xhen.com/2013/04/130311sugar-star-A293C386C39CA2bbs.of315.com/home/link.php?url=https://www.y, 3xhen.com/2013/04/130311sugar-star-A293C386C39CA2bbs.of315.com/home/link.php?url=http://aapta., 3xhen.com/2013/04/130311sugar-star-?bs.nxsme.cc/home/link.php?url=http://Judyeggleston.com/__media__, 3xhen.com/2013/04/130311sugar-star-?bs.nxsme.cc/home/link.php?url=http://Judyeggleston.com/__media__, Judyeggleston.com/__media__/js/netsoltrademark.php?d=twinasia.com/uchome/link.php?url=http://makingi, 3xhen.com/2013/04/130311sugar-star-?bs.nxsme.cc/home/link.php?url=http://www.productosapetit.com/ind, www.legalindia.com/forum/groups/contemporary-developer-rugs/, www.aardvarktopsitesphp.com/topsites/index.php?a=stats&u=laynespitzer9, kaplog.com/wp-content/themes/beach_apollo/advance/plugins/revslider/temp/update_extract/revslider//m, www.youtube.com/watch?v=8pRKl7zcvaw, mb.bswlkj.com/comment/html/index.php?page=1&id=49103/, youtu.be/dZ7dBwTiwwI, www.2369.net/blog/member.asp?action=view&memName=HanneloreCoote1238/, www.qiti17.cn/comment/html/index.php?page=1&id=15478Google Sitemap Generator