html5千尋瀏覽器官網頁面滾屏展示特效



117 466 156



特效描述:html5 千尋瀏覽器官網 頁面滾屏展示特效,html5頁面滾屏展示

代碼結構

1. 引入CSS

<link rel="stylesheet" href="style/css/all_84badac.css" />

2. 引入JS

<script src="style/js/jquery-1.11.1.min_7e57d31.js"></script>
<script src="style/js/jquery-ui-1.10.4.custom.min_c49b322.js"></script>
<script src="style/js/jquery.mousewheel.min_14a6833.js"></script>
<script src="style/js/modernizr.custom.42389_32afb40.js"></script>
<script src="style/js/client_f1d5015.js"></script>
<script src="style/js/main_02e9833.js"></script>
<script src="style/js/DD_belatedPNG_0.0.8a_f156f4a.js"></script>

3. HTML代碼

		<div id="container" class="main-expanding">
			<h1 id="top-left-bar" class="top-bar">千尋瀏覽器</h1>
			<a id="top-right-bar" class="top-bar" href="" target="_blank">下載千尋壁紙</a>
			<div id="nav">
				<ul>
					<li>
						<a href="#aboutus" id="link-about">
							<span class="link-text-wrapper">
								<span class="link-text">
									<em class="link-icon"></em>關于我們
								</span>
							</span>
						</a>
					</li>
					<li>
						<a href="#update" id="link-log">
							<span class="link-text-wrapper">
								<span class="link-text">
									<em class="link-icon"></em>版本日志
								</span>
							</span>
						</a>
					</li>
					<li>
						<a href="#faq" id="link-guide">
							<span class="link-text-wrapper">
								<span class="link-text">
									<em class="link-icon"></em>千尋十問
								</span>
							</span>
						</a>
					</li>
					<li>
						<a href="http://chajian.qxllq.com" id="link-app" target="_blank">
							<span class="link-text-wrapper">
								<span class="link-text">
									<em class="link-icon"></em>應用商店
								</span>
							</span>
						</a>
					</li>
					<li>
						<a href="http://bbs.qxllq.com" id="link-comment" target="_blank">
							<span class="link-text-wrapper">
								<span class="link-text">
									<em class="link-icon"></em>論壇反饋
								</span>
							</span>
						</a>
					</li>
				</ul>
				<div id="nav-overlay"></div>
			</div>
			<ul id="slide-bar">
				<li class="slide-bar-active">
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
				<li>
					<a href=""></a>
				</li>
			</ul>
			<span id="logo" class="logo original-logo"><img alt="" src="style/images/balloon_fdb9722.png" /></span>
			<span id="logo-text"><img alt="千尋" src="style/images/logo-text_0f1b4c4.png" /></span>
			<a id="button-download" href="">
				<img alt="" src="style/images/button-download_c3d7979.png" />
			</a>
			<div id="main">
				<span id="logo-text-point"><img alt="千尋" src="style/images/logo-text-point_329aae6.png" /></span>
				<ul id="boxes">
					<li class="boxes-item-first">
						<img class="wallpaper" alt="" src="style/images/wallpaper1_aacd261.jpg" data-src="http://www.qxllq.com/theme/images/wallpapers/wallpaper1-static_ebbb0ca.jpg" />
						<span data-anim="anim-logo" class="logo-group logo-g1 original-logo logo anim anim-logo">
							<img alt="" src="style/images/balloon_fdb9722.png" />
						</span>
						<span data-anim="anim-cloud-large-once" class="anim cloud-large cloud-large-once anim-cloud-large-once scale"></span>
						<span data-anim="anim-cloud-small-once" class="anim cloud-small cloud-small-once anim-cloud-small-once scale"></span>
						<span data-anim="anim-cloud-large" class="anim cloud-large anim-cloud-large scale"></span>
						<span data-anim="anim-cloud-small" class="anim cloud-small anim-cloud-small scale"></span>
					</li>
					<li>
						<img class="wallpaper" alt="" src="style/images/wallpaper7_45d966c.jpg" />
						<span class="logo-group logo-g7">
							<span class="logo anim logo-compass">
								<img alt="" src="style/images/compass_c5234dc.png" />
							</span>
							<span data-anim="anim-logo-compass-pointer" class="logo anim logo-compass-pointer">
								<img alt="" src="style/images/compass-pointer_8b29f62.png" />
								<img alt="" src="style/images/compass-pointer-ie_d9332c2.png" />
							</span>
						</span>
						<span data-anim="anim-balloon-mini" class="anim balloon-mini">
							<img alt="" src="style/images/fire-balloon-mini_4b46187.png" />
						</span>
					</li>
					<li>
						<img class="wallpaper" alt="" src="style/images/wallpaper2_4dbc47d.jpg" />
						<span class="logo-group logo-g3">
							<span data-anim="anim-logo-conch" class="logo anim logo-conch">
								<img alt="" src="style/images/conch_0f510b1.png" />
							</span>
							<span class="logo anim logo-conch-static">
								<img alt="" src="style/images/conch-static_1a6b019.png" />
							</span>
						</span>
						<span data-anim="anim-bubble-1" class="anim bubble-large bubble-1 scale"></span>
						<span data-anim="anim-bubble-2" class="anim bubble-large bubble-2 scale"></span>
						<span data-anim="anim-bubble-3" class="anim bubble-large bubble-3 scale"></span>
						<span data-anim="anim-bubble-4" class="anim bubble-middle bubble-4 scale"></span>
						<span data-anim="anim-bubble-5" class="anim bubble-middle bubble-5 scale"></span>
						<span data-anim="anim-bubble-6" class="anim bubble-middle bubble-6 scale"></span>
						<span data-anim="anim-bubble-7" class="anim bubble-middle bubble-7 scale"></span>
						<span data-anim="anim-bubble-8" class="anim bubble-small bubble-8 scale"></span>
						<span data-anim="anim-bubble-9" class="anim bubble-small bubble-9 scale"></span>
						<span data-anim="anim-bubble-10" class="anim bubble-small bubble-10 scale"></span>
						<span data-anim="anim-bubble-11" class="anim bubble-small bubble-11 scale"></span>
						<span data-anim="anim-bubble-12" class="anim bubble-small bubble-12 scale"></span>
						<span data-anim="anim-bubble-13" class="anim bubble-small bubble-13 scale"></span>
					</li>
					<li>
						<img class="wallpaper" alt="" src="style/images/wallpaper3_c02363a.jpg" />
						<span data-anim="anim-logo-balloons" class="logo-group logo-g5 logo anim logo-balloons">
							<img alt="" src="style/images/balloons_bd90343.png" />
						</span>
					</li>
					<li class="boxs-item-mask">
						<img class="wallpaper" alt="" src="style/images/wallpaper4_8bbb944.jpg" data-src="http://www.qxllq.com/theme/images/wallpapers/wallpaper4-static_76e7054.jpg" />
						<span class="logo-group logo-g2">
							<span class="logo anim logo-et logo-g2-first">
								<img alt="" src="style/images/et-1_1a9d468.png" />
							</span>
							<span class="logo anim logo-et">
								<img alt="" src="style/images/et-2_172043a.png" />
							</span>
							<span class="logo anim logo-et">
								<img alt="" src="style/images/et-3_2fa36cb.png" />
							</span>
							<span class="logo anim logo-et">
								<img alt="" src="style/images/et-4_4f05e68.png" />
							</span>
							<span class="logo anim logo-et">
								<img alt="" src="style/images/et-5_1dff6cb.png" />
							</span>
							<span class="logo anim logo-et">
								<img alt="" src="style/images/et-6_c85d317.png" />
							</span>
							<span class="logo anim logo-balloon">
								<img alt="" src="style/images/balloon-blue-1_c279c32.png" />
							</span>
							<span class="logo anim logo-balloon">
								<img alt="" src="style/images/balloon-blue-2_e5a4c04.png" />
							</span>
							<span class="logo anim logo-balloon">
								<img alt="" src="style/images/balloon-blue-3_be37480.png" />
							</span>
							<span class="logo anim logo-balloon">
								<img alt="" src="style/images/balloon-blue-4_32a1ad2.png" />
							</span>
							<span class="logo anim logo-balloon">
								<img alt="" src="style/images/balloon-blue-5_12b5193.png" />
							</span>
							<span class="logo anim logo-balloon">
								<img alt="" src="style/images/balloon-blue-6_6106a51.png" />
							</span>
							<span class="logo anim logo-football">
								<img alt="" src="style/images/football_335f428.png" />
							</span>
							<span class="logo anim logo-facebook">
								<img alt="" src="style/images/facebook_f50762e.png" />
							</span>
							<span class="logo anim logo-egg">
								<img alt="" src="style/images/egg_fcddb61.png" />
							</span>
							<span class="logo anim logo-radish">
								<img alt="" src="style/images/radish_140813c.png" />
							</span>
							<span class="logo anim logo-acorn">
								<img alt="" src="style/images/acorn_1b58961.png" />
							</span>
							<span class="logo anim logo-black8">
								<img alt="" src="style/images/black8_a3f3abf.png" />
							</span>
							<span class="logo anim logo-chili">
								<img alt="" src="style/images/chili_ca3755f.png" />
							</span>
							<span class="logo anim logo-eve">
								<img alt="" src="style/images/eve_f93ec62.png" />
							</span>
							<span class="logo anim logo-ladybird">
								<img alt="" src="style/images/ladybird_869ad5b.png" />
							</span>
							<span class="logo anim logo-landmark">
								<img alt="" src="style/images/landmark_324127c.png" />
							</span>
							<span class="logo anim logo-smile">
								<img alt="" src="style/images/smile_cfc607d.png" />
							</span>
						</span>
						<span data-anim="anim-balloon-t" class="anim balloon-t scale"></span>
						<span data-anim="anim-balloon-b" class="anim balloon-b scale"></span>
					</li>
					<li>
						<img class="wallpaper" alt="" src="style/images/wallpaper5_a5bd6fc.jpg" />
						<span data-anim="anim-logo-aircraft" class="logo-group logo-g4 logo anim logo-aircraft">
							<img alt="" src="style/images/aircraft_5323ddf.png" />
						</span>
						<div class="anim aircraft-mountain"></div>
						<div class="anim aircraft-sky"></div>
						<div data-anim="anim-aircraft-stars-front" class="anim aircraft-stars-front"></div>
						<div data-anim="anim-aircraft-stars-behind" class="anim aircraft-stars-behind"></div>
						<span data-anim="anim-meteor-1" class="anim scale meteor meteor-1"></span>
						<span data-anim="anim-meteor-2" class="anim scale meteor meteor-2"></span>
					</li>
					<li>
						<img class="wallpaper" alt="" src="style/images/wallpaper6_6a0ec5b.jpg" />
						<span class="logo-group logo-g6">
							<span class="logo anim logo-blackhole">
								<img alt="" src="style/images/black-hole_c06a63f.png" />
							</span>
							<span data-anim="anim-logo-blackhole-light" class="logo anim logo-blackhole-light">
								<img alt="" src="style/images/black-hole-light_f614fc5.png" />
							</span>
						</span>
						<span data-anim="anim-light-1" class="anim light light-1"></span>
						<span data-anim="anim-light-2" class="anim light light-2"></span>
						<span data-anim="anim-light-3" class="anim light light-3"></span>
						<span data-anim="anim-light-4" class="anim light light-4"></span>
					</li>
				</ul>
				<ul id="desc">
					<li class="desc-item-first">
						<h2><img alt="" src="style/images/title1_b3be7f4.png" /></h2>
						<p>就算是再相同的一天,換一扇窗看出去,都是一個不同的世界,從現在起,打開應用中心,發現更大世界。</p>
					</li>
					<li>
						<h2><img alt="" src="style/images/title7_9d06a23.png" /></h2>
						<p>不知道該做些什么的時候,讓嶄新的發現功能為你找真愛,每天發現不同的六個網站,雖然很少,但是很好。</p>
					</li>
					<li>
						<h2><img alt="" src="style/images/title2_f5e62e6.png" /></h2>
						<p>千尋想要的設計不是迎合潮流,也不是炫技雕飾,點到為止、干凈用心才是最適合上網的設計,上善若水,大巧不工。</p>
					</li>
					<li>
						<h2><img alt="" src="style/images/title3_1646637.png" /></h2>
						<p>能不動就不動的慵懶日子一點也不遙遠,在千尋你就做得到,打開幾十個網頁,看看連續關閉它們有多省事。</p>
					</li>
					<li>
						<h2><img alt="" src="style/images/title4_c4f9380.png" /></h2>
						<p>千尋有個勤快的小秘書每天早早起床為你精選最新的閱讀視頻和音樂,只用三張網頁,給你一整天的超棒內容,我們保證。</p>
					</li>
					<li>
						<h2><img alt="" src="style/images/title5_fd728e0.png" /></h2>
						<p>秒級安裝,獨家加速下載技術,和更多讓上網更快的事情都被千尋帶來你身邊,三倍四倍,不止快一點,還要更快一點。</p>
					</li>
					<li>
						<h2><img alt="" src="style/images/title6_3a47e8d.png" /></h2>
						<p>網頁無法顯示真讓人抓狂,讓云修復穿越時空找它們回來,你看,原先打不開的網站忽然就好了。</p>
					</li>
				</ul>
				<ul id="package-info">
					<li>
						版本:<span class="package-version"></span>
					</li>
					<li>
						大小:<span class="package-size"></span>
					</li>
					<li class="package-info-last">
						更新:<span class="package-release"></span>
					</li>
				</ul>
			</div>
			<div id="sub">
				<div id="aboutus" class="sub-item about">
					<a class="button-down" href="">
						<span class="button-down-icon"></span>
						<span class="button-down-shadow"></span>
					</a>
					<div class="sub-item-wrapper">
						<div class="sub-item-container">
							<h2 class="sub-item-header about-header">
								<span class="sub-item-header-icon"></span>
							</h2>
							<div class="about-content">
								<div style="display: none;">
								<p>蕾拉又去旅行了,產品經理實在是很忙,但是蕾拉總會擠出時間去旅行。她說做一個可愛的人比做一個優秀的人更重要。</p>
								<p>這次蕾拉干掉了她十天的年假去了土耳其,紅茶烤肉肚皮舞,回來之后蕾拉興奮地拿著卡帕多奇亞的照片在辦公室里穿梭,照片里她趴在熱氣球上看日落。</p>
								<p>她抓住嫂子問嫂子嫂子你看贊不贊贊不贊!嫂子激動地說哎呀好美!<br />她抓住曉冬問曉冬曉冬你看贊不贊贊不贊!曉冬震驚地說哎呀好帥!<br />她抓住歐陽問歐陽歐陽你看贊不贊贊不贊!歐陽愁眉苦臉地說哎呀好貴……</p>
								<p>一個月后,嫂子去了土耳其旅行,曉冬也訂了去伊斯坦布爾的機票,歐陽從音樂節回來手頭有點緊,所以他在谷歌地球里去了一趟棉花堡,我們說蕾拉啊你還真有情懷每次都挑那么好的目的地去旅行,她說我們的時間那么少所以每次旅行選的地方都要最好。</p>
								<p>Lee有一次跟大家講情懷,說不管你是產品經理還是設計師都要有情懷,這樣才能做出好的產品,因為每一個人能看到的東西都是有限的,也許世界上的好地方太多,而大家卻只知道一兩個,會錯過太多的美好,所以我們自己要有情懷要知道很多美麗的地方,才有機會讓大家看到更多的美好。我們問Lee你的情懷是怎樣的,Lee說是風和日麗的下午躺在小鎮木屋的露臺上看書,旁邊還有個漂亮的姑娘。我們又問這個小鎮木屋在哪兒呢,Lee撓著頭開始翻目的地攻略,后來他也去了土耳其。</p>
								<p>情懷是安靜地坐在熱氣球上等日落,看山河湖海看大漠莽原,看春暖花開看秋雁南回;情懷是我們知道這些,更想要告訴你。</p>
								<p>寫完這期連載,杰西拿給Lee去看,Lee讀了兩遍說這次的連載和我們這次要上線的發現功能聯系好像不緊密要不要改一改,杰西說這就是情懷好么!這就是情懷!</p>
								<p class="about-date">2014.6.19</p>
								<p class="about-content-splitter"></p>
								</div>
								<p>那天在老聶燒烤吃宵夜,Lee問曹大爺頁面解析速度能不能快點,曹大爺一口啤酒灌下去說能快,Lee說能不能比快一點更快一點,曹大爺打了個嗝說太快了不能再快了都酒駕了。</p>
								<p>Lee以前住過的房子里,淋浴花灑都只有幾十塊錢。他說花灑這東西,能噴出水來沖個澡就是夠用的,滿足了需求性價比自然就高了,他就這么隨便沖了許多年的澡。后來Lee的生活奔小康了,朋友說你這個花灑太屌絲你要懂得享受生活,就給他介紹了個像樣的的牌子,讓Lee不情愿地買了一個六百多塊的花灑。六百多塊買到的是多好的花灑啊,出水細膩,水量均勻有力,還能穩定溫度,Lee當天晚上沖澡的時候整個世界觀都崩塌了,從那天起他覺得在家沖個澡是除去在會議室和設計師拍桌叫板以外最痛快的事,對了,還要除去在老聶燒烤吃宵夜。</p>
								<p>第二天Lee就跑來找我們吃燒烤,滿口雞翅地說:我現在知道了不湊合是多么嶄新的體驗,比好更好一點也許要花去不少代價,但卻能換來一個不同的世界,我們要做一些比好更好的東西,要讓每一個人都發現一個不同的世界。</p>
								<p>后來我們花了一些時間來制作千尋,再后來瀏覽器就是我們在燒烤攤上最大的話題。這群人里有來自硅谷卻充滿哲學氣息的科學家,有打羽毛球和打代碼一樣找不出漏洞的工程師,有狂熱癡迷熱干面的海歸產品經理,有剛畢業的高品位美少女運營專員,還有技能樹點滿的交互奶爸和愛吃草莓的HighFasion視覺姑娘。這是個普通又有趣的隊伍,普通到職位配置就像教科書一樣標準,有趣到人人都打了雞血一樣的充滿干勁,我們覺得這太棒了。</p>
								<p>互聯網是如此的大,以至于我們上網的時間再長也只能見冰山一角,收藏的網站再多也總是不知道該看什么,我們正在試圖抓住一個機會給大家推開一扇新的窗,發現一個嶄新的,更好一點卻完全不同世界,我們覺得這是一件美好的事情。</p>
								<p>敬老聶燒烤。<br>敬那只花灑。</p>
								<p class="about-date">2014.5.20</p>
							</div>
							<p class="about-footer">
							</p>
						</div>
					</div>
				</div>
				<div id="update" class="sub-item log">
					<a class="button-down" href="">
						<span class="button-down-icon"></span>
						<span class="button-down-shadow"></span>
					</a>
					<div class="sub-item-wrapper">
						<div class="sub-item-container">
							<h2 class="sub-item-header log-header">
								<span class="sub-item-header-icon"></span>
							</h2>
							<div class="log-content">
								<div class="log-begin">
									<span class="log-begin-icon"></span>
									<span class="log-begin-icon-light"></span>
									<span class="log-begin-icon-overlay"></span>
									<span class="log-begin-text">下一個新高度</span>
								</div>
								<div class="log-box log-left-box">
									<span class="log-box-icon"></span>
									<div class="log-box-top">
										<div class="log-box-top-inner"></div>
									</div>
									<div class="log-box-content">
										<div class="log-box-content-inner">
											<h3>
												千尋瀏覽器 1.0 Beta3<span class="log-date">2014/07/31</span>
											</h3>
											<h4>新功能:</h4>
											<ol>
												<li>
													<span class="log-box-item-no">1.</span>
													<div class="log-box-item-content">
														極速內核:安裝核心組件(極速內核)后可開啟應用中心并大幅提升網頁瀏覽速度
													</div>
												</li>
												<li>
													<span class="log-box-item-no">2.</span>
													<div class="log-box-item-content">
														應用中心:提供微信網頁版、寶石迷陣、如意淘、追書神器等多款精選應用
													</div>
												</li>
											</ol>
											<h4>體驗優化:</h4>
											<ol>
												<li>
													<span class="log-box-item-no">1.</span>
													<div class="log-box-item-content">
														工具欄新增收藏按鈕,在收藏欄隱藏時也能快速找到收藏
													</div>
												</li>
												<li>
													<span class="log-box-item-no">2.</span>
													<div class="log-box-item-content">
														導入收藏新增對火狐瀏覽器和Opera瀏覽器的支持
													</div>
												</li>
												<li>
													<span class="log-box-item-no">3.</span>
													<div class="log-box-item-content">
														優化了歷史記錄的時間格式,采用24小時制時間格式,查看記錄更加方便
													</div>
												</li>
												<li>
													<span class="log-box-item-no">4.</span>
													<div class="log-box-item-content">
														優化了地址欄自動聯想匹配原則,網址自動補全更加智能
													</div>
												</li>
											</ol>
										</div>
									</div>
									<div class="log-box-bottom">
										<div class="log-box-bottom-inner"></div>
									</div>
								</div>
								<div id="log-4" class="log-box log-right-box">
									<span class="log-box-icon"></span>
									<div class="log-box-top">
										<div class="log-box-top-inner"></div>
									</div>
									<div class="log-box-content">
										<div class="log-box-content-inner">
											<h3>
												千尋瀏覽器 1.0 Beta2(759)<span class="log-date">2014/07/03</span>
											</h3>
											<h4>新功能:</h4>
											<ol>
												<li>
													<span class="log-box-item-no">1.</span>
													<div class="log-box-item-content">
														智能升級IE內核:Win7環境下可將內核靜默升級至IE10
													</div>
												</li>
												<li>
													<span class="log-box-item-no">2.</span>
													<div class="log-box-item-content">
														分享發現的網站時可顯示來自“千尋瀏覽器”并自動@千尋瀏覽器
													</div>
												</li>
											</ol>
											<h4>體驗優化:</h4>
											<ol>
												<li>
													<span class="log-box-item-no">1.</span>
													<div class="log-box-item-content">
														雙擊啟動速度提升10%
													</div>
												</li>
											</ol>
											<h4>問題修復:</h4>
											<ol>
												<li>
													<span class="log-box-item-no">1.</span>
													<div class="log-box-item-content">
														修復窗口高度小于700px時發現功能的網站介紹無法顯示的問題
													</div>
												</li>
												<li>
													<span class="log-box-item-no">2.</span>
													<div class="log-box-item-content">
														修復發現圖標在標簽頁和收藏欄上顯示不清晰的問題
													</div>
												</li>
												<li>
													<span class="log-box-item-no">3.</span>
													<div class="log-box-item-content">
														修復發現頁面部分色塊色值不一致的問題
													</div>
												</li>
												<li>
													<span class="log-box-item-no">4.</span>
													<div class="log-box-item-content">
														修復發現功能頻繁出現網絡異常的問題
													</div>
												</li>
											</ol>
										</div>
									</div>
									<div class="log-box-bottom">
										<div class="log-box-bottom-inner"></div>
									</div>
								</div>
								<div id="log-3" class="log-box log-left-box">
									<span class="log-box-icon"></span>
									<div class="log-box-top">
										<div class="log-box-top-inner"></div>
									</div>
									<div class="log-box-content">
										<div class="log-box-content-inner">
											<h3>
												千尋瀏覽器 1.0 Beta2<span class="log-date">2014/06/19</span>
											</h3>
											<h4>新功能:</h4>
											<ol>
												<li>
													<span class="log-box-item-no">1.</span>
													<div class="log-box-item-content">
														發現:依托百度大數據,新增瀏覽器業界史無前例的“發現”功能
													</div>
												</li>
												<li>
													<span class="log-box-item-no">2.</span>
													<div class="log-box-item-content">
														智能升級IE內核:WinXP環境下可將內核靜默升級至IE8
													</div>
												</li>
											</ol>
											<h4>體驗優化:</h4>
											<ol>
												<li>
													<span class="log-box-item-no">1.</span>
													<div class="log-box-item-content">
														優化瀏覽器基礎性能:卡死和假死率降低
													</div>
												</li>
												<li>
													<span class="log-box-item-no">2.</span>
													<div class="log-box-item-content">
														大幅提升廣告攔截能力:采用獨家攔截策略,無論是彈窗廣告、動畫廣告還是側邊廣告,一個都不放過!
													</div>
												</li>
												<li>
													<span class="log-box-item-no">3.</span>
													<div class="log-box-item-content">
														增加導入收藏支持的瀏覽器:可導入百度瀏覽器、QQ瀏覽器收藏
													</div>
												</li>
												<li>
													<span class="log-box-item-no">4.</span>
													<div class="log-box-item-content">
														優化了記住密碼填充規則,匹配更加精確
													</div>
												</li>
												<li>
													<span class="log-box-item-no">5.</span>
													<div class="log-box-item-content">
														新增關閉標簽頁后可智能切換到關聯的標簽頁
													</div>
												</li>
												<li>
													<span class="log-box-item-no">6.</span>
													<div class="log-box-item-content">
														新增支持鼠標滾輪(或Ctrl+Tab)在標簽頁間循環切換
													</div>
												</li>
												<li>
													<span class="log-box-item-no">7.</span>
													<div class="log-box-item-content">
														新增登錄、登出、設默成功等操作的反饋
													</div>
												</li>
											</ol>
											<h4>問題修復:</h4>
											<ol>
												<li>
													<span class="log-box-item-no">1.</span>
													<div class="log-box-item-content">
														修復拖拽標簽引發的崩潰問題
													</div>
												</li>
												<li>
													<span class="log-box-item-no">2.</span>
													<div class="log-box-item-content">
														修復多處內存泄漏問題
													</div>
												</li>
												<li>
													<span class="log-box-item-no">3.</span>
													<div class="log-box-item-content">
														修復QQ空間無法播放音樂的問題
													</div>
												</li>
												<li>
													<span class="log-box-item-no">4.</span>
													<div class="log-box-item-content">
														修復蝦米音樂無法播放的問題
													</div>
												</li>
												<li>
													<span class="log-box-item-no">5.</span>
													<div class="log-box-item-content">
														修復最近關閉列表中的云修復頁面無法顯示提示的問題
													</div>
												</li>
												<li>
													<span class="log-box-item-no">6.</span>
													<div class="log-box-item-content">
														修復部分特殊網址卡死的問題
													</div>
												</li>
												<li>
													<span class="log-box-item-no">7.</span>
													<div class="log-box-item-content">
														修復地址欄聯想時間較長的問題
													</div>
												</li>
												<li>
													<span class="log-box-item-no">8.</span>
													<div class="log-box-item-content">
														修復其他界面上的缺陷
													</div>
												</li>
											</ol>
										</div>
									</div>
									<div class="log-box-bottom">
										<div class="log-box-bottom-inner"></div>
									</div>
								</div>
								<div id="log-2" class="log-box log-right-box">
									<span class="log-box-icon"></span>
									<div class="log-box-top">
										<div class="log-box-top-inner"></div>
									</div>
									<div class="log-box-content">
										<div class="log-box-content-inner">
											<h3>
												千尋瀏覽器 1.0 Beta1(524)<span class="log-date">2014/05/27</span>
											</h3>
											<ol>
												<li>
													<span class="log-box-item-no">1.</span>
													<div class="log-box-item-content">
														<span>去除內測邀請碼限制</span>
													</div>
												</li>
												<li>
													<span class="log-box-item-no">2.</span>
													<div class="log-box-item-content">
														<span>修復了收藏夾導入引起的崩潰</span>
													</div>
												</li>
												<li>
													<span class="log-box-item-no">3.</span>
													<div class="log-box-item-content">
														<span>修復了IE10和IE11環境下F12引起的崩潰</span>
													</div>
												</li>
												<li>
													<span class="log-box-item-no">4.</span>
													<div class="log-box-item-content">
														<span>修復了設為默認瀏覽器回調時引起的崩潰</span>
													</div>
												</li>
												<li>
													<span class="log-box-item-no">5.</span>
													<div class="log-box-item-content">
														<span>修復了Win8系統下千尋不在選擇默認瀏覽器列表中的問題</span>
													</div>
												</li>
												<li>
													<span class="log-box-item-no">6.</span>
													<div class="log-box-item-content">
														<span>修復了localhost被誤判為非法的問題</span>
													</div>
												</li>
											</ol>
										</div>
									</div>
									<div class="log-box-bottom">
										<div class="log-box-bottom-inner"></div>
									</div>
								</div>
								<div id="log-1" class="log-box log-left-box">
									<span class="log-box-icon"></span>
									<div class="log-box-top">
										<div class="log-box-top-inner"></div>
									</div>
									<div class="log-box-content">
										<div class="log-box-content-inner">
											<h3>
												千尋瀏覽器 1.0 Beta1<span class="log-date">2014/05/20</span>
											</h3>
											<ol>
												<li>
													<span class="log-box-item-no">1.</span>
													<div class="log-box-item-content">
														<strong>超輕超快:1秒安裝,半秒冷啟,3倍加速</strong>
														<p>5M超小安裝包,1秒安裝,0.5秒冷啟動,并獨享百度云加速,下載速度提升三倍。</p>
													</div>
												</li>
												<li>
													<span class="log-box-item-no">2.</span>
													<div class="log-box-item-content">
														<strong>極簡設計:突出網頁內容,最大化網頁瀏覽面積</strong>
														<p>界面采用扁平化設計,選取無彩色系中的黑、白、灰作為色彩基調,弱化界面存在感,突出豐富多彩的網頁內容,最大化瀏覽面積。</p>
													</div>
												</li>
												<li>
													<span class="log-box-item-no">3.</span>
													<div class="log-box-item-content">
														<strong>懶人標簽:節省關閉標簽頁的時間,減少誤關閉操作</strong>
														<p>打開多個網頁,鼠標無需移動位置即可連續關閉;滑動鼠標滾輪,即可在多個標簽之間自由切換,杜絕誤關閉。</p>
													</div>
												</li>
												<li>
													<span class="log-box-item-no">4.</span>
													<div class="log-box-item-content">
														<strong>網頁云修復:修復部分無法打開的網頁</strong>
														<p>部分無法打開的網頁,千尋可在云端即時修復,修復后的網頁可正常瀏覽。</p>
													</div>
												</li>
												<li>
													<span class="log-box-item-no">5.</span>
													<div class="log-box-item-content">
														<strong>網址安全:攔截欺詐和釣魚網站</strong>
														<p>接入最全面的網址安全聯盟數據庫,超強攔截欺詐和釣魚網站,全力為您的上網安全保駕護航。</p>
													</div>
												</li>
												<li>
													<span class="log-box-item-no">6.</span>
													<div class="log-box-item-content">
														<strong>醫療安全:鑒別醫療網站真實性</strong>
														<p>接入中國最全面的醫療數據庫,地址欄可直達醫院資質認證信息,不必再擔心訪問到虛假醫療網站。 </p>
													</div>
												</li>
												<li>
													<span class="log-box-item-no">7.</span>
													<div class="log-box-item-content">
														<strong>隱身窗口:上網不留痕</strong>
														<p>搜索、訪問不會產生歷史記錄,關閉隱身窗口自動清空緩存,貼心保護您的上網隱私。</p>
													</div>
												</li>
												<li>
													<span class="log-box-item-no">8.</span>
													<div class="log-box-item-content">
														<strong>全面基礎功能:零學習成本</strong>
														<p>具備收藏夾同步、鼠標手勢、智能地址欄聯想、廣告攔截、網址導航等上網必備功能,安裝好即可馬上使用。</p>
													</div>
												</li>
											</ol>
										</div>
									</div>
									<div class="log-box-bottom">
										<div class="log-box-bottom-inner"></div>
									</div>
								</div>
								<div class="log-end">
									<span class="log-end-icon"></span>
									<span class="log-end-text">千尋升空  <span class="log-date">2014.05.20</span></span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div id="faq" class="sub-item guide">
					<a class="button-down" href="">
						<span class="button-down-icon"></span>
						<span class="button-down-shadow"></span>
					</a>
					<div class="sub-item-wrapper">
						<div class="sub-item-container">
							<h2 class="sub-item-header guide-header">
								<span class="sub-item-header-icon"></span>
							</h2>
							<div class="guide-content">
								<div class="guide-search">
									<input type="text" class="guide-search-input" name="keywords" placeholder="請輸入問題關鍵詞" />
									<button type="button" class="guide-search-button"><span class="guide-search-icon"></span></button>
								</div>
								<dl class="guide-list">
									<dt>Q:為什么要使用千尋瀏覽器?</dt>
									<dd>
										A:當然,千尋瀏覽器是一款氣質優雅、功能強大的瀏覽器。千尋率先將扁平式極簡化設計帶入瀏覽器領域;首創網頁云修復(可強力修復其他瀏覽器打不開的網頁)、懶人標簽、云加速下載、醫療醫藥安全等給力功能;打開瀏覽器就能看到狂熱小編7*24小時為你送上最搞笑、最熱門、最有趣的內容。所有的努力都力求為大家打造一款聰明,有趣,好用的瀏覽器。
										<img alt="" width="700" src="style/images/faq-1_69e62bd.png" />
									</dd>
									<dt>Q:千尋的設計師怎么描述千尋和千尋的logo?</dt>
									<dd>A:尋,追尋,探索,又是古代單位,八尺為一尋。千尋,形容極高或極遠,亦指勇于探索,不斷發現的精神。每一次瀏覽體驗,都是一次精彩的旅程,刺激、新奇、有趣,乘熱氣球飛行是探險家、旅游愛好者向往的旅行方式,隨著高度的上升,視野不斷擴大,與千尋的尋找發現、高度寓意相契合。熱氣球帶我們發現世界,千尋給我們一個有趣的開始。</dd>
									<dt>Q:千尋的小編是美女么?運營了什么內容?</dt>
									<dd>
										A:那還用說。小編每日9點為大家準時更新優質內容,集結搞笑段子、深度問答、熱門大片兒、最酷歌單、新銳歌手,讓你一飽眼福!
										<img alt="" width="700" src="style/images/faq-3_3c26139.png" />
									</dd>
									<dt>Q:什么是懶人標簽?我該如何使用?</dt>
									<dd>
										A:吶,懶人標簽是讓你高效辦公的助力神器。當你打開超多標簽頁時,只要在關閉按鈕處快速連擊,即可關閉全部打開的網頁,在這個過程中你的鼠標根本無需移動。當然,你也可以試試滑動鼠滾輪,就能快速切換標簽頁。省去從一堆網頁逐次點擊關閉的繁瑣步驟,讓你的辦公效率火箭提升!
										<img alt="" width="700" src="style/images/faq-4-1_009573f.png" />
									</dd>
									<dt>Q:隱身窗口模式真的能隱身么?</dt>
									<dd>
										A:當然不是把你變沒。在你訪問私密網站時,千尋就像個小秘書,貼心提醒你提醒進入隱身窗口模式,防止歷史記錄等相關功能記錄你的私密信息,小秘密再也不怕被老婆發現!
										<img alt="" width="700" src="style/images/faq-5_06255f5.png" />
									</dd>
									<dt>Q:千尋云加速下載能有多快?</dt>
									<dd>
										A:千尋首創云加速下載技術,下載PDF、EXE等文件全網最快。秒速下載百度資源,怎么用你懂的~~
										<img alt="" width="700" src="style/images/faq-6_e0595e1.png" />
									</dd>
									<dt>Q:千尋真的能鑒定醫療安全么?</dt>
									<dd>
										千尋聯合百度殺毒與安全聯盟大數據資源,提供醫療機構安全認證銘牌,為用戶就醫詢醫提供客觀參考。
										<img alt="" width="700" src="style/images/faq-7_95b0548.png" />
									</dd>
									<dt>Q:網頁云修復真的能修復網頁么?我能試試么?</dt>
									<dd>
										請嘗試用千尋瀏覽器打開如下404鏈接:<a href="http://www.yuhang.gov.cn/class/class_807/articles/335460.html" target="_blank">http://www.yuhang.gov.cn/class/class_807/articles/335460.html</a>,立見分曉,效果如下:
										<img alt="" width="700" src="style/images/faq-8_1c7c383.png" />
									</dd>
									<dt id="mdb">Q:我嘗試設置千尋為默認瀏覽器,失敗了怎么辦?</dt>
									<dd>
										A:請檢查你的電腦里是否有安裝過360安全衛士、金山衛士、QQ電腦管家、百度衛士、獵豹瀏覽器等鎖定默認瀏覽器功能的軟件,并手動修改默認。詳情請見<a href="http://bbs.qxllq.com/forum.php?mod=viewthread&tid=38" target="_blank">http://bbs.qxllq.com/forum.php?mod=viewthread&tid=38</a>
									</dd>
									<dt id="dnt">Q:什么是DNT(防追蹤)功能?</dt>
									<dd>A:DNT(Do Not Track)漢譯即為防追蹤。在你瀏覽網頁時,網站和供應商正在默默收集你的點擊行為、購買記錄、搜索請求等行為,使用Do Not Track可有效保護你的隱私,減少廣告干擾。</dd>
									<dt>Q:使用千尋,我該注意哪些法律事項?</dt>
									<dd>A:當然,使用千尋我們還有一些必要的許可協議你可以大聲朗誦:如<a id="ueo" href="ueo.html" target="_blank">《用戶體驗改善計劃》</a>和<a id="protocol" href="protocol.html" target="_blank">《用戶使用許可協議》</a>。</dd>
								</dl>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 全屏焦點圖 全屏切換 寬屏全屏 寬屏 全屏 頁面全屏 頁面寬屏 圖片全屏 圖片切換 圖片選項卡 圖標選項卡 選項卡自動切換
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表