红色实用风格html5手撕鸭食品加盟网页模板代码



4 13 5



模板描述:html5手撕鸭食品加盟,红色实用风格html5手撕鸭食品加盟网页模板代码html模板下载

代码结构

1. 引入CSS

<link href="css/css.css" rel="stylesheet" type="text/css" />
<link href="css/public.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script src="js/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="js/jquery-1.4.0.js" type="text/javascript"></script>
<script src="js/jquery.backgroundpos.js" type="text/javascript"></script>
<script src="js/menu.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/slider.js"></script>

3. HTML代码

<div class="d_main">
<div class="d_top">
    	<div class="d_logo"><a href="index.html"><img src="images/ya_logo.jpg" width="88" height="88" /></a></div>
        <div class="d_title"><img src="images/title.png" width="392" height="69" /></div>
        <div class="d_tell"><img src="images/tell.png" width="163" height="28" /><span>12345678910</span>
        </div>
  </div>
<div class="d_nav">
	<div class="header">
        <ul class="menu">
            <li class="current first"><a href="index.html">首页</a></li>
            <li><a href="news.html">新闻动态</a></li>
            <li class="li_3"><a  href="product.html" target="_blank">产品中心</a>
                <dl class="li_3_content">
                <dd><a href="product.html" target="_blank"><span>台湾风味手撕鸭</span></a></dd>
                    <dd><a href="product.html" target="_blank"><span>西部绝味手撕鸭</span></a></dd>
                    <dd><a href="product.html" target="_blank"><span>西部绝味鸭脖</span></a></dd>
                </dl>
            </li>
            <li><a href="about.html">手撕鸭工艺</a></li>
            <li><a href="knowledge.html">手撕鸭知识</a></li>
            <li><a href="zsjm.html">招商加盟</a></li>
            <li class=""><a class="noborder " href="contact.html" target="_self">联系我们</a></li>
            <div class="clear"></div>
        </ul>
    </div>
</div>
<div class="d_banner">
	<div id="main">
	<div class="box">
		<img style="opacity:1;filter:alpha(opacity=100);" src="images/ya_banner.jpg"/>				
		<img  src="images/ya_banner.jpg"/>
		<img src="images/ya_banner.jpg"/>
	</div>
	<div class='page'>
		<a class='active' href="javascript:void(0);">1</a>
		<a href="javascript:void(0);">2</a>
		<a href="javascript:void(0);">3</a>
	</div>
</div>
</div>
<div class="d_d1">
	<div class="d_d1_left">
    	<div class="d_jianjie1"></div>
        <div class="d_jianjie2"><p>台湾手撕烤鸭,创业于2007年,公司紧紧围绕"继承、融合、诚信、创新、共赢、以人为本"的企业理念。在经济大潮中披荆斩棘,以味道独特而稳居饮食业前沿,是一个集多技术项目开发,底料加工及推广的特许加盟企业……<a href="about.html" class="red">查看更多</a></p></div>
        <div class="d_jianjie3"></div>
    </div>
    <div class="d_d1_right">
   	 	<div class="d_news1"></div>
        <div class="d_news2">
       	  <div class="d_right1">
           	<h1>新闻动态</h1>
            <span class="more"><a href="news.html"><img src="images/more.png" width="43" height="11" /></a></span>
            <div class="clear"></div>
            <div class="d_right11">
            <ul>
            <li><span>2014-01-23</span><a href="detail.html">食制作工艺巧妙结合,将近百类系</a></li>
            <li><span>2014-01-23</span><a href="detail.html">近几年来,我们对四川各地方名吃,及传统美</a></li>
            <li><span>2014-01-23</span><a href="detail.html">食制作工艺巧妙结合,将近百类系</a></li>
            <li><span>2014-01-23</span><a href="detail.html">食制作工艺巧妙结合,将近百类系</a></li>
            <li><span>2014-01-23</span><a href="detail.html">近几年来,我们对四川各地方名吃,及传统美</a></li>
            <li><span>2014-01-23</span><a href="detail.html">食制作工艺巧妙结合,将近百类系</a></li>
            <div class="clear"></div>
            </ul>
          </div>
          </div>
          <div class="d_right2">
            <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="287" height="199">
              <param name="movie" value="http://player.youku.com/player.php/sid/XNDM4NzExOTE2/v.swf" />
              <param name="quality" value="high" />
              <param name="wmode" value="opaque" />
              <param name="swfversion" value="6.0.65.0" />
              <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 -->
              <param name="expressinstall" value="Scripts/expressInstall.swf" />
              <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
              <!--[if !IE]>-->
              <object type="application/x-shockwave-flash" data="http://player.youku.com/player.php/sid/XNDM4NzExOTE2/v.swf" width="287" height="199">
                <!--<![endif]-->
                <param name="quality" value="high" />
                <param name="wmode" value="opaque" />
                <param name="swfversion" value="6.0.65.0" />
                <param name="expressinstall" value="Scripts/expressInstall.swf" />
                <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->
                <div>
                  <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>
                  <p><a href="https://www.51qianduan.com/">51前端</a></p>
                </div>
                <!--[if !IE]>-->
              </object>
              <!--<![endif]-->
            </object>
          </div>
          <div class="clear"></div>
        </div>
        <div class="d_news3"></div>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</div>
<div class="d_d2">
	<div class="d_d2_left">
    	<div class="know1"></div>
        <div class="know2">
        	<p><img src="images/zhishi.png" width="173" height="20" /></p>
            <ul>
            	<li><a href="detail.html">请大家一定要 实地考察免费</a></li>
                <li><a href="detail.html">满意后加盟(要实地考察</a></li>
                <li><a href="detail.html">凡在其它地方没有学到真正技</a></li>
                <li><a href="detail.html">请大家一定要 实地考察品尝,</a></li>
                <li><a href="detail.html">满意后加盟(要实地考察品</a></li>
                <li><a href="detail.html">凡在其它地方没有学到真正</a></li>
            </ul>
        </div>
        <div class="know3"></div>
    </div>
    <div class="d_d2_right">
    	<div class="food1"><span class="f1"><img src="images/food_1.jpg" width="150" height="22" /></span><span class="f2"><a href="product.html"><img src="images/more.png" width="43" height="11" /></a></span></div>
        <div class="clear"></div>
      	<div class="food2">
    		<div id=demo_1 style="overflow:hidden;width: 704px;align=center; margin-left:19px;">
	<table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >
		<tr><td valign=top  id=marquePic_1>
	<table width='704' border='0' cellspacing='0'>
		<tr>
		<td align=center><a target="_blank" href="prodetail.html" title=""><img width="151" height="133" alt="" src="images/ya_pic1.jpg" /></a>
					<p><a target="_blank" href="prodetail.html">绝味手撕鸭</a></p></td>
		<td align=center><a target="_blank" href="prodetail.html" title=""><img width="151" height="133" alt="" src="images/ya_pic1.jpg" /></a>
					<p><a target="_blank" href="prodetail.html">绝味手撕鸭</a></p></td>
		<td align=center><a target="_blank" href="prodetail.html" title=""><img width="151" height="133" alt="" src="images/ya_pic1.jpg" /></a>
					<p><a target="_blank" href="prodetail.html">绝味手撕鸭</a></p></td>
		<td align=center><a target="_blank" href="prodetail.html" title=""><img width="151" height="133" alt="" src="images/ya_pic1.jpg" /></a>
					<p><a target="_blank" href="prodetail.html">绝味手撕鸭</a></p></td>
		</tr>
	</table>
		</td><td id=marquePic_2 valign=top></td></tr>
	</table>
</div>
                <script type="text/javascript">
var speed=20 
marquePic_2.innerHTML=marquePic_1.innerHTML 
function Marquee(){ 
if(demo_1.scrollLeft>=marquePic_1.scrollWidth){ 
demo_1.scrollLeft=0 
}else{ 
demo_1.scrollLeft++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
demo_1.onmouseover=function() {clearInterval(MyMar)} 
demo_1.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script>
        </div>
      	<div class="food3"></div>
    </div>
    <div class="clear"></div>
</div>
<div class="d_d2">
	<div class="d_d2_left">
    	<div class="know1"></div>
        <div class="know_2">
        	<p><img src="images/hot_tell.png" width="129" height="43" /></p>
            <span class="k_date">12345678910</span>
            <p class="k_lianxi">地址:石家庄北杜<br />
联系人:赵丽<br />
网址:www.*****y.com<br />
QQ:123456789<br />
邮箱:123456789@qq.com</p>
      </div>
        <div class="know3"></div>
    </div>
    <div class="d_d2_right">
    	<div class="food1"><span class="f1"><img src="images/jm_1.jpg" width="150" height="22" /></span><span class="f2"><a href="jiameng.html"><img src="images/more.png" width="43" height="11" /></a></span></div>
        <div class="clear"></div>
      	<div class="food2">
    			<div id=demo style="overflow:hidden;width: 704px;align=center; margin-left:19px;">
	<table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >
		<tr><td valign=top  id=marquePic1>
	<table width='704' border='0' cellspacing='0'>
		<tr>
		<td align=center><a target="_blank" href="jiameng_xq.html" title=""><img width="151" height="133" alt="" src="images/ya_shop1.jpg" /></a>
					<p><a target="_blank" href="jiameng_xq.html">店面一</a></p></td>
		<td align=center><a target="_blank" href="jiameng_xq.html" title=""><img width="151" height="133" alt="" src="images/ya_shop1.jpg" /></a>
					<p><a target="_blank" href="jiameng_xq.html">店面一</a></p></td>
		<td align=center><a target="_blank" href="jiameng_xq.html" title=""><img width="151" height="133" alt="" src="images/ya_shop1.jpg" /></a>
					<p><a target="_blank" href="jiameng_xq.html">店面一</a></p></td>
		<td align=center><a target="_blank" href="jiameng_xq.html" title=""><img width="151" height="133" alt="" src="images/ya_shop1.jpg" /></a>
					<p><a target="_blank" href="jiameng_xq.html">店面一</a></p></td>
		</tr>
	</table>
		</td><td id=marquePic2 valign=top></td></tr>
	</table>
</div>
                <script type="text/javascript">
var speed=20 
marquePic2.innerHTML=marquePic1.innerHTML 
function Marquee(){ 
if(demo.scrollLeft>=marquePic1.scrollWidth){ 
demo.scrollLeft=0 
}else{ 
demo.scrollLeft++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script>
        </div>
      	<div class="food3"></div>
    </div>
    <div class="clear"></div>
</div>
<div class="d_lj">
	<div class="d_lj1"></div>
	<p class="d_ljp">友情链接:<a href="#">成都奇香手撕烤鸭</a> |  <a href="#">四川手撕鸭培训</a> | <a href="#"> 成都手撕烤鸭 </a>|  <a href="#">穿骨香手撕鸭</a> |  <a href="#">手撕烤板鸭 </a>| <a href="#"> 手撕鸭加盟</a></p>
    <div class="d_lj2"></div>
</div>
<p class="d_banquan">版权所有:台湾风味手撕鸭     加盟热线:12345678910<br />
地址:石家庄市北杜     备案号:冀ICP备12345678号     技术支持:<a href="#" class="red">**网络</a></p>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 pc+wap 移动+电脑 手机+电脑 红色 实用通用 实用 通用 餐饮 美食 饭店 餐饮行业 美食行业

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到