Common navigation bar Mall Products

2010-10-27  来源:本站原创  分类:Web  人气:107 

<! DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<HTML xmlns = " http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<meta name="keywords" content=" Webmaster, Web page special effects ,js Special effects, js script , Script, advertising code ,zzjs,zzjs.net,sky,www.zzjs.net, Webmaster special network " />
<Meta name = "Description" content = " www.zzjs.net , chief network effects, owners must js effects and advertising code. a large number of high quality js effects, providing high-quality ad code downloads, best special effects in the network owners "/>
<title> page navigation bar owners used special effects special effects Mall Network welcomes you. </ Title>
<style type="text/css">
. My_left_category {
width: 150px;
font-size: 12px;
font-family: arial, sans-serif;
letter-spacing: 2px;
}
. My_left_category h1 {
background-image: url (/ img/1_185326.gif);
height: 20px;
background-repeat: no-repeat;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
padding-top: 8px;
margin: 0px;
color: # FFF;
}
. My_left_category. My_left_cat_list {
width: 148px;
border-color: # b60134;
border-style: solid;
border-width: 0px 1px 1px 1px;
line-height: 13.5pt;
}
. My_left_category. My_left_cat_list h2 {
margin: 0px;
padding: 3px 5px 0px 9px;
}
. My_left_category. My_left_cat_list h2 a {
color: # d6290b;
font-weight: bold;
font-size: 14px;
line-height: 22px;
}
. My_left_category. My_left_cat_list h2 a: hover {
color: # d6290b;
font-weight: bold;
font-size: 14px;
line-height: 22px;
}
. My_left_category. H2_cat {
width: 148px;
height: 26px;
background-image: url (/ img/1_185410.gif);
background-repeat: no-repeat;
line-height: 26px;
font-weight: normal;
color: # 333333;
position: relative;
}
. My_left_category. H2_cat_1 {
width: 148px;
height: 26px;
background-image: url (/ img/1_185458.gif);
background-repeat: no-repeat;
line-height: 26px;
font-weight: normal;
color: # 333333;
position: relative;
}
. My_left_category a {
font: 12px;
text-decoration: none;
color: # 333333;
}
. My_left_category a: hover {
text-decoration: underline;
color: # ff3333;
}
. My_left_category h3 {
margin: 0px;
padding: 0px;
height: 26px;
font-size: 12px;
font-weight: normal;
display: block;
padding-left: 8px;
}
. My_left_category h3 span {color: # 999999; width: 145px; float: right;}
. My_left_category h3 a {line-height: 26px;}
. My_left_category. H3_cat {
display: none;
width: 204px;
position: absolute;
left: 123px;
margin-top:-26px;
cursor: auto;
}
. My_left_category. Shadow {
position: inherit;
background: url (/ img/1_185541.gif) left top;
width: 204px;
}
. My_left_category. Shadow_border {
position: inherit;
width: 200px;
border: 1px solid # 959595; margin-top: 1px;
border-left-width: 0px;
background: url (/ img/1_185622.gif) no-repeat 0px 21px;
background-color: # ffffff;
margin-bottom: 3px
}
. My_left_category. Shadow_border ul {margin: 0; padding: 0; margin-left: 15px}
. My_left_category. Shadow_border ul li {
list-style: none;
padding-left: 10px;
background-image: url (/ img/1_185704.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
float: left;
width: 75px;
height: 26px;
overflow: hidden;
letter-spacing: 0px;
}
. My_left_category. Active_cat {z-index: 99; background-position: 0-25px; cursor: pointer;}
. My_left_category. Active_cat h3 {font-weight: bold}
. My_left_category. Active_cat h3 span {display: none;}
. My_left_category. Active_cat div {display: block;}
</ Style>
</ Head>
<body>
<A href = " http://www.zzjs.net/ "> Webmaster effects net </ a>, owners must have high-quality special effects and the ad code page. zzjs.net, webmaster js effects. <hr>
<! - Welcome to the chief special effects team, we collected a large number of high-quality website js effects, provides a number of ad code downloaded from the website: www.zzjs.net , [email protected] , with. net to create pretty Station ->
<div>
<h1> Category Navigation </ h1>
<div>
<h2> <a href="#"> by site category </ a> </ h2>
<div>
<h3> <a href="#"> Enterprises Website </ a> </ h3>
<div>
<div>
<div>
<ul>
<li> <a href="#"> LOGO DESIGN </ a> </ li>
<li> <a href="#"> website design </ a> </ li>
<li> <a href="#"> web site advertising </ a> </ li>
<li> <a href="#"> promotion </ a> </ li>
<li> <a href="#"> construction site </ a> </ li>
<li> <a href="#"> site promotion </ a> </ li>
<li> <a href="#"> Website </ a> </ li>
<li> <a href="#"> SEO </ a> </ li>
</ Ul>
</ Div>
</ Div>
</ Div>
</ Div>
<div>
<h3> <a href="#"> Korean men </ a> </ h3>
<div>
<div>
<div>
<ul>
<li> <a href="#"> LOGO DESIGN </ a> </ li>
<li> <a href="#"> website design </ a> </ li>
<li> <a href="#"> web site advertising </ a> </ li>
<li> <a href="#"> promotion </ a> </ li>
<li> <a href="#"> construction site </ a> </ li>
<li> <a href="#"> site promotion </ a> </ li>
<li> <a href="#"> Website </ a> </ li>
<li> <a href="#"> SEO </ a> </ li>
</ Ul>
</ Div>
</ Div>
</ Div>
</ Div>
<div>
<h3> <a href="#"> Korean Kids </ a> </ h3>
<div>
<div>
<div>
<ul>
<li> <a href="#"> LOGO DESIGN </ a> </ li>
<li> <a href="#"> website design </ a> </ li>
<li> <a href="#"> web site advertising </ a> </ li>
<li> <a href="#"> promotion </ a> </ li>
<li> <a href="#"> construction site </ a> </ li>
<li> <a href="#"> site promotion </ a> </ li>
<li> <a href="#"> Website </ a> </ li>
<li> <a href="#"> SEO </ a> </ li>
</ Ul>
</ Div>
</ Div>
</ Div>
</ Div>
<! - Again ->
<h2> <a href="#"> election by brand goods </ a> </ h2>
<div>
<h3> <a href="#"> hot recommend </ a> </ h3>
<div>
<div>
<div>
<ul>
<li> <a href="#"> LOGO DESIGN </ a> </ li>
<li> <a href="#"> website design </ a> </ li>
<li> <a href="#"> web site advertising </ a> </ li>
<li> <a href="#"> promotion </ a> </ li>
<li> <a href="#"> construction site </ a> </ li>
<li> <a href="#"> site promotion </ a> </ li>
<li> <a href="#"> Website </ a> </ li>
<li> <a href="#"> SEO </ a> </ li>
</ Ul>
</ Div>
</ Div>
</ Div>
</ Div>
<div>
<h3> <a href="#"> Website </ a> </ h3>
<div>
<div>
<div>
<ul>
<li> <a href="#"> LOGO DESIGN </ a> </ li>
<li> <a href="#"> website design </ a> </ li>
<li> <a href="#"> web site advertising </ a> </ li>
<li> <a href="#"> promotion </ a> </ li>
<li> <a href="#"> construction site </ a> </ li>
<li> <a href="#"> site promotion </ a> </ li>
<li> <a href="#"> promotion </ a> </ li>
<li> <a href="#"> construction site </ a> </ li>
<li> <a href="#"> site promotion </ a> </ li>
<li> <a href="#"> promotion </ a> </ li>
<li> <a href="#"> construction site </ a> </ li>
<li> <a href="#"> site promotion </ a> </ li>
<li> <a href="#"> Website </ a> </ li>
<li> <a href="#"> SEO </ a> </ li>
<li> <a href="#"> Website Design </ a> </ li>
<li> <a href="#"> LOGO DESIGN </ a> </ li>
<li> <a href="#"> website design </ a> </ li>
<li> <a href="#"> web site advertising </ a> </ li>
<li> <a href="#"> promotion </ a> </ li>
<li> <a href="#"> construction site </ a> </ li>
<li> <a href="#"> site promotion </ a> </ li>
<li> <a href="#"> Website </ a> </ li>
<li> <a href="#"> SEO </ a> </ li>
<li> <a href="#"> Website </ a> </ li>
<li> <a href="#"> LOGO DESIGN </ a> </ li>
<li> <a href="#"> website design </ a> </ li>
<li> <a href="#"> web site advertising </ a> </ li>
<li> <a href="#"> promotion </ a> </ li>
<li> <a href="#"> construction site </ a> </ li>
<li> <a href="#"> site promotion </ a> </ li>
<li> <a href="#"> Website </ a> </ li>
<li> <a href="#"> SEO </ a> </ li>
</ Ul>
</ Div>
</ Div>
</ Div>
</ Div>
<div>
<h3> <a href="#"> a web application </ a> </ h3>
<div>
<div>
<div>
<ul>
<li> <a href="#"> PHP </ a> </ li>
<li> <a href="#"> ASP </ a> </ li>
<li> <a href="#"> JSP </ a> </ li>
<li> <a href="#"> ASP.Net </ a> </ li>
</ Ul>
</ Div>
</ Div>
</ Div>
</ Div>
<div>
<h3> <a href="#"> other sites </ a> </ h3>
</ Div>
<! - Again ->
<h2> <a href="#"> selected goods at prices </ a> </ h2>
<div>
<h3> <a href="#"> low price </ a> </ h3>
<div>
<div>
<div>
<ul>
<li> <a href="#"> 50 yuan </ a> </ li>
<li> <a href="#"> 50-100 yuan </ a> </ li>
</ Ul>
</ Div>
</ Div>
</ Div>
</ Div>
<div>
<h3> <a href="#"> high-end price </ a> </ h3>
<div>
<div>
<div>
<ul>
<li> <a href="#"> 100-150 yuan </ a> </ li>
<li> <a href="#"> 150-200 yuan </ a> </ li>
<li> <a href="#"> 200-300 yuan </ a> </ li>
<li> <a href="#"> 300 yuan or more </ a> </ li>
</ Ul>
</ Div>
</ Div>
</ Div>
</ Div>
<! - Again ->
<h2> <a href="#"> value special area </ a> </ h2>
<h2> <a href="#"> spot area </ a> </ h2>
<! - Test copy end ->
</ Div>
</ Div>
</ Body>
</ Html>

Effect diagram:

Common navigation bar Mall Products

相关文章
  • Common navigation bar Mall Products 2010-10-27

    <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <HTML xmlns = " http://www.w3.org/1999/xhtml "> <head> <meta http-equi

  • DIV + CSS pretty simple navigation bar 2010-03-29

    <! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&quo

  • jQuery implementation of import and navigation bar 2010-05-04

    jQuery is a lightweight JavaScript library. http://jquery.com . The selector has a strong, excellent DOM operation, reliable event handling, excellent compatibility and chain operation functions. jQuery With its simple syntax and cross-platform compa

  • Flex4 the various navigation bar design 2010-06-25

    The commonly used Flex4 navigation containers have TabNavigator, Accordion, ViewStack, most of the current Flex4 visual UI components are replaced with <s: at the beginning is also often called Spark components [] replaced Flex3 the <mx: Label First

  • custom background image navigation bar 2010-12-09

    Navigation bar in your m-file to write the front section of this release: @interface UINavigationBar (MyCustomNavBar) @end @implementation UINavigationBar (MyCustomNavBar) - (void) drawRect:(CGRect)rect { UIImage *barImage = [UIImage imageNamed:@"xxx

  • Violet-style navigation bar _ page code Station (www.webdm.cn) 2010-12-25

    Violet-style navigation bar <title> _ page code Station (www.webdm.cn) </ title> <style type="text/css"> body {margin: 0; padding: 0; font: bold 11px/1.5em Arial;} img {border: none;} # RoScripts_m1 {float: left; width: 100%; b

  • Set UITableViewCell and navigation bar spacing 2010-12-31

    UITableView the cell by default the first line in uitableview, if you want to customize UITableViewCell and navigation bar spacing, you can use the following line of code tableview.tableHeaderView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, 5,

  • Simple jQuery Dropdowns summary of the navigation bar to learn CSS 2011-05-26

    Downloaded from the Internet called Simple JQuery Dropdowns the navigation bar, the original is to use jQuery to achieve, their order a bit, get rid of some JS code and CSS, try to simplify a bit, and add their own notes when studying, hair out for a

  • 在 KitKat以上版本中使用Translucent将Navigation Bar透明化 2015-03-31

    Android 从 4.4(KitKat) 开始提供了一个视觉上的提升,让最上方的状态栏 (Status Bar) 以及最下方的导航栏 (Navigation Bar) 可以被透明化,并让 APP 的内容可以往上下延伸,使整个画面的可被利用度大幅提升. 从 3.0 (honeycomb) 开始,Navigation Bar采用虚拟键,一直都占据一块不小的空间,对很多人来说,整个屏幕无法充利用,是一件相当痛苦的事情.也因此,有些人会刻意去挑选仍维持着实体键设计的手机. 而 Google 似乎也意识

  • In the navigation bar or other location Add Home link 2010-06-13

    This section does not intend to translate, when left to their own needs with Copy Add Home Link with functional active state to Menu Bar (Alternative Method) Find the file called top.phtml in app / design / frontend / default / yourtheme / template /

  • Google changed the game screen navigation bar 2010-05-21

    Very dark scene ..... Google changed the game screen navigation

  • A navigation bar (for configuration) [apymenu.js and data-css.js] 2011-01-13

    1.apymenu.js Control the display of the apymenu.js file is too large, so on the attachment, because in both IE and FireFox in the normal display, but the Google browser will be a problem, so the solution is: First position to IIIla () to go: /** * @d

  • In the UIView to add a navigation bar 2011-05-23

    - (id)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { // Initialization code. frame.origin.y += 44; frame.size.height -= 44; webView = [[UIWebView alloc] initWithFrame:frame]; bar = [[UINavigationBar alloc] initWithFrame

  • 20 kinds of very beautiful navigation bar 2010-06-15

    Download: http://www.itshehui.com/forum.php?mod=viewthread&tid=812&extra=page% 3D1

  • jQuery small example of a simple navigation bar -2 2010-09-08

    <html> <head> <title>jQuery The first part of the learning </title> <style type="text/css"> html,body{ font-size:13px; } #menu ul { display:block; padding:0 0 0 8px; margin:0; list-style:none; height:35px; } #menu u

  • Set the navigation bar title 2010-09-14

    - (Void) viewDidLoad ( [Super viewDidLoad]; self.title = @ "Hello World"; )

  • dedecms secondary navigation bar (two ways to achieve the secondary navigation bar) 2011-03-25

    <ul> {dede:channelartlist typeid='top' row='10'} <li><a href='{dede:field name='typeurl'/}'>{dede:field name='typename'/}</a> <ul> {dede:channel type='son'} <li><a href='[field:typeurl/]'>[field:typename/]</a&g

  • Ubuntu address navigation bar changes to show the path 2011-07-27

    Method: Terminal, enter gconf-editor, Navigate to apps-> nautilus-> preferences, navigate to always_use_location_entry items, check mark.

  • Tab Bar Controller和Navigation Controller混合使用详细教程 2012-06-24

    在IPHONE上,NAV和TAB混合使用的案例很多.但很多书籍都没详细介绍这个是怎么使用的.我也找了很久才弄清楚怎么做.现在分享给大家. 1.先建立一个Window-based Application 项目. 2.加入一个Tab Bar Controller,在library-objects拖动TabBar到MainWindwo.xib.如下图 在代码中加入Tabbar变量, 头文件: @interface tabNavTestAppDelegate : NSObject <UIApplicat

  • "Web navigation design" translator sequence 2009-04-21

    Development of the Internet, a profound impact on people's information access and exchange. In 2008, we have seen an endless stream of new website, a veteran web constantly changes, fierce competition on web design put forward higher requirements. As