码迷,mamicode.com
首页 > 其他好文 > 详细

这只是个测试

时间:2016-07-17 16:57:38      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:

<!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=utf-8" />
<link href="style/basic.css" type="text/css" rel="stylesheet" />
<link href="style/style.css" type="text/css" rel="stylesheet" />
<script src="js/index.js"></script>
<title>某智能家居企业门户网站——Tiger讲师</title>
</head>
<body>
<div id="wrap">


<!--top start-->
<div id="top" class="w1113">
	<a href="/index.htm"><img id="logo" class="fl" src="images/logo.jpg" /></a>
    <div id="top_right" class="fr pc_100">
    	<a title="设为首页" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.gpolee.com');" href="javascript:;">设为首页</a>
 | <a href="###">联系我们</a>
    </div>
</div>
<div class="clear"></div>
<!--top end-->

<!--nav start-->
<div id="nav" class="pc_100">
	<div class="w1113">
    	<ul>
        	<li><a href="index.htm">首页</a></li>
        	<li><a href="aboutus.html">关于我们</a></li>
        	<li><a href="index_news.html">新闻资讯</a></li>
        	<li><a href="list_products.html">产品介绍</a></li>
        	<li><a href="jiejuefangan.html">解决方案</a></li>
        	<li><a href="tiyan.html">体验中心</a></li>
        	<li><a href="list_anli.html">成功案例</a></li>
        	<li><a href="jiameng.html">加盟合作</a></li>
        	<li><a href="###">资料下载</a></li>
        	<li class="last"><a href="###">联系我们</a></li>
        </ul>
    </div>
</div>
<!--nav end-->

<!--banner start-->
<div class="w1113" id="banner">
	<script type="text/javascript">
		var focus_width=1113
		var focus_height=450
		var text_height=0
		var swf_height = focus_height+text_height
		var pics='images/banner1.jpg|images/banner2.jpg|images/banner3.jpg|images/banner4.jpg'
	var links='||'
	var texts='||'
		document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
		document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="./js/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">');
		document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
		document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
		document.write('<embed src="./js/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#ffffff" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
		document.write('</object>');
	</script>
</div>
<!--banner end-->

<!--content-->
<div id="content" class="w1113 pc_100">
	<div id="left_con" class="fl">
    	<h3 class="index_title">新闻动态<em>News</em></h3>
        <img src="images/newsimg.jpg" />
        <ul>
        	<li><a href="###">西城市为主的生活与居住区</a></li>
        	<li><a href="###">西城市为主的生活与居住区</a></li>
        	<li><a href="###">西城市为主的生活与居住区</a></li>
        	<li><a href="###">西城市为主的生活与居住区</a></li>
        </ul>
        <div class="clear"></div>
    </div>
    <div id="center_con" class="fl">
    	<h3 class="index_title">公司动态<em>Company</em></h3>
        <img src="images/companyimg.jpg" />
        <p>
        	新智达有限公司位于成都市高新区--成都市软件产业园。新智达科技有限公司是以智能家居产品研发和销售为主的高科技企业。新智达的所有产品均通过国家权威部门的检测,高于国家对电工电子产品质量和安全的认证要求。......
        </p>
    </div>
    <div id="right_con" class="fl">
    	<h3 class="index_title">联系我们<em>Contact us</em></h3>
        <img src="images/Contactimg.jpg" />
        <p>
        	公司名称:某某智能家居技术开发有限公司<br />
            公司地址:天府软园<br />
            公司电话:400-12345678<br />
            公司传真:400-12345678<br />
            业务负责人:黄先生<br />
            公司网址:www.maizi.com<br />
        </p>
    </div>
</div>
<div class="clear"></div>

<!--bottom-->
<div id="bottom" class="w1113 pc_100">
	<div id="left_bottom" class="fl">
    	<h3 class="index_title">视频中心<em>Vedio</em></h3>
        <embed src="http://player.youku.com/player.php/sid/XNTI5MjI1MDI4/v.swf" allowFullScreen="true" quality="high" width="320" height="200" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
    </div>
    <div id="right_bottom" class="fl">
    	<h3 class="index_title fl">产品展示<em>Product display</em></h3>
        <a href="###"><img src="images/more.jpg" class="fr" /></a>
        <div class="clear"></div>
        
        <!--图片滚动开始-->
        
        <div class="gundong" style="overflow:hidden;width:730px; margin-top:40px;float:left;" id="colee_left_1">
        <table cellspacing="0" cellpadding="0" border="0">
        <tbody>
            <tr>
            <td id="colee_left1" valign="top" align="center">
                <table cellspacing="0" cellpadding="0" border="0">
                                <tbody><tr>
                                    <td valign="top" align="center" id="colee_left1">
                                        <table cellspacing="0" cellpadding="2" border="0">
                                            <tbody>
                                                <tr align="center">
                                                       <td valign="middle" align="center">
                                                            <a title="恒盛豪庭" href="#"><img height="128" width="164" src="images/chanpin.jpg"></a>
                                                            <a style="line-height:20px;" href="#">恒盛豪庭</a>
                                                       </td>
                                                       <td valign="middle" align="center">
                                                            <a title="恒盛豪庭" href="#"><img height="128" width="164" src="images/chanpin.jpg"></a>
                                                            <a style="line-height:20px;" href="#">恒盛豪庭</a>
                                                       </td>
                                                       <td valign="middle" align="center">
                                                            <a title="恒盛豪庭" href="#"><img height="128" width="164" src="images/chanpin.jpg"></a>
                                                            <a style="line-height:20px;" href="#">恒盛豪庭</a>
                                                       </td>
                                                       <td valign="middle" align="center">
                                                            <a title="恒盛豪庭" href="#"><img height="128" width="164" src="images/chanpin.jpg"></a>
                                                            <a style="line-height:20px;" href="#">恒盛豪庭</a>
                                                       </td>
                                                       <td valign="middle" align="center">
                                                            <a title="恒盛豪庭" href="#"><img height="128" width="164" src="images/chanpin.jpg"></a>
                                                            <a style="line-height:20px;" href="#">恒盛豪庭</a>
                                                       </td>
                                                       <td valign="middle" align="center">
                                                            <a title="恒盛豪庭" href="#"><img height="128" width="164" src="images/chanpin.jpg"></a>
                                                            <a style="line-height:20px;" href="#">恒盛豪庭</a>
                                                       </td>
                                                       <td valign="middle" align="center">
                                                            <a title="恒盛豪庭" href="#"><img height="128" width="164" src="images/chanpin.jpg"></a>
                                                            <a style="line-height:20px;" href="#">恒盛豪庭</a>
                                                       </td>
                                                       <td valign="middle" align="center">
                                                            <a title="恒盛豪庭" href="#"><img height="128" width="164" src="images/chanpin.jpg"></a>
                                                            <a style="line-height:20px;" href="#">恒盛豪庭</a>
                                                       </td>
        
                                                    </tr>
                                              </tbody>
                                            </table>
        
                                            </td>
                                         </tr>
                                      </tbody>
                            </table>
            </td>
        
            <td id="colee_left2" valign="top" align="center"></td>
            </tr>
        </tbody>
        </table>
        
        </div>
		<script language="javascript">
                //使用div时,请保证colee_left2与colee_left1是在同一行上.
                var speed=30//速度数值越大速度越慢
                var colee_left2=document.getElementById("colee_left2");
                var colee_left1=document.getElementById("colee_left1");
                var colee_left_1=document.getElementById("colee_left_1");
                colee_left2.innerHTML=colee_left1.innerHTML
                function Marquee3(){
                    if(colee_left2.offsetWidth-colee_left_1.scrollLeft<=0)//offsetWidth 是对象的可见宽度
                        colee_left_1.scrollLeft-=colee_left1.offsetWidth//scrollWidth 是对象的实际内容的宽,不包边线宽度
                    else{
                        colee_left_1.scrollLeft++
                    }
                }
                var MyMar3=setInterval(Marquee3,speed)
                colee_left_1.onmouseover=function() {clearInterval(MyMar3)}
                colee_left_1.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
        </script>

        
        <!--图片滚动结束-->
        
    </div>
</div>
<div class="clear"></div>

<!--footer-->
<div id="footer">
	地址:成都青羊区人民中路一段26号; 电话:028-66666668 传真:028-66666668 邮箱:524270754@qq.com
JOYRILL 新智达有限公司 版权所有 Copyright @2015 All rights reserved. ICP 备案号:蜀ICP备1234567
</div>


</div>
</body>
</html>


这只是个测试

标签:

原文地址:http://blog.csdn.net/yanniliynni/article/details/51931223

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!