1. 主页
  2. 文档
  3. 易优CMS
  4. 首页的代码

首页的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>{eyou:global name='web_title' /}</title>
	<meta name="keywords" content="{eyou:global name='web_keywords' /}">
	<meta name="description" content="{eyou:global name='web_description' /}">
    <link rel="stylesheet" href="{eyou:global name='web_templets_pc' /}/css/public.css">
    <link rel="stylesheet" href="{eyou:global name='web_templets_pc' /}/css/index.css">
    <script type="text/javascript" src="{eyou:global name='web_templets_pc' /}/js/jquery1.42.min.js"></script>
    <script type="text/javascript" src="{eyou:global name='web_templets_pc' /}/js/jquery.SuperSlide.2.1.3.js"></script>
</head>  
<body>
    {eyou:include file='header.htm' /}
    <section>
        <div class="main">
            <div class="main-left">
                <div class="focusBox" style="margin:0 auto">
                    <ul class="pic">
						{eyou:adv pid='1'}
							<li>
								<a href="{$field.arcurl}" target="_blank"><img src="{$field.litpic}" width="539" height="323" alt='{$field.title}' /></a>
							</li>
						{/eyou:adv}
                    </ul>
                    <div class="txt-bg"></div>
                    <div class="txt">
                        <ul>
							{eyou:adv pid='1'}
                            	<li><a href="{$field.arcurl}">#{$field.title}</a></li>
							{/eyou:adv}
                        </ul>
                    </div>

                    <ul class="num">
                        <li><a>1</a><span></span></li>
                        <li><a>2</a><span></span></li>
                        <li><a>3</a><span></span></li>
                        <li><a>4</a><span></span></li>
                    </ul>
                </div>

                <script type="text/javascript">
                    jQuery(".focusBox").slide({
                        titCell: ".num li",
                        mainCell: ".pic",
                        effect: "fold",
                        autoPlay: true,
                        trigger: "click",
                        //下面startFun代码用于控制文字上下切换
                        startFun: function (i) {
                            jQuery(".focusBox .txt li").eq(i).animate({
                                "bottom": 0
                            }).siblings().animate({
                                "bottom": -36
                            });
                        }
                    });
                </script>
            </div>
            <div class="main-right">
                <div class="main-right1">
                    <span>新闻中心</span>
                    <p></p>
                </div>
                <div class="main-right2">
                    <ul>
						{eyou:arclist row="1"  typeid="98"  titlelen="20"  flag="a"  channelid="1" }
							<li class="recom"><a class="recom" href="{$field.arcurl}">{$field.title}</a></li>
						{/eyou:arclist}
						{eyou:arclist row="9"  typeid="98"  titlelen="20"  flag="c"  channelid="1" }
							<li><a href="{$field.arcurl}">{$field.title}</a></li>
						{/eyou:arclist}
                    </ul>
                </div>
            </div>
        </div>

        <div class="class">
            <div class="nine" style="width:1420px">
                <a href="list_sml_10025" target="_blank">
                    <dl style="margin-left:39px">
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_ddqc.png" width="44" height="37" /></dt>
                        <dd style="font-size:12px; margin-top:4px; color:#dedede;">电动汽车<br />研究中心</dd>
                    </dl>
                </a>
                <a href="list_sml_10027" target="_blank">
                    <dl>
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_ylkf.png" width="40" height="35" /></dt>
                        <dd style="font-size:12px; margin-top:4px; color:#dedede;">医疗康复<br />研究中心</dd>
                    </dl>
                </a>
                <a href="list_sml_10056" target="_blank">
                    <dl>
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_jqr.png" width="40" height="35" /></dt>
                        <dd style="font-size:12px; margin-top:4px; color:#dedede;">人机智能协同<br />系统研究中心</dd>
                    </dl>
                </a>
                <a href="list_sml_10516" target="_blank">
                    <dl>
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_gsw.png" width="40" height="35" /></dt>
                        <dd style="font-size:12px; margin-top:4px; color:#dedede;">光生物学<br />研究中心</dd>
                    </dl>
                </a>
                <a href="list_sml_10026" target="_blank">
                    <dl>
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_znzb.png" width="40" height="35" /></dt>
                        <dd style="font-size:12px; margin-top:4px; color:#dedede;">智能制造与<br />装备工程中心</dd>
                    </dl>
                </a>
                <a href="list_sml_10028" target="_blank">
                    <dl>
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_wxcd.png" width="40" height="35" /></dt>
                        <dd style="font-size:12px; margin-top:4px; color:#dedede;">无线充电技术<br />工程中心</dd>
                    </dl>
                </a>
                <a href="list_sml_10046" target="_blank">
                    <dl>
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_wrj.png" width="40" height="35" /></dt>
                        <dd style="font-size:12px; margin-top:4px; color:#dedede;">警用无人机系统<br />工程中心</dd>
                    </dl>
                </a>
                <a href="list_sml_10047" target="_blank">
                    <dl>
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_fsx.png" width="40" height="35" /></dt>
                        <dd style="font-size:11px; margin-top:4px; color:#dedede;">仿生机器人系统<br />工程中心</dd>
                    </dl>
                </a>
                <a href="list_sml_10048" target="_blank">
                    <dl>
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_jg.png" width="40" height="35" /></dt>
                        <dd style="font-size:12px; margin-top:4px; color:#dedede;">激光熔覆高端<br />装备工程中心</dd>
                    </dl>
                </a>
                <a href="list_sml_10049" target="_blank">
                    <dl>
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_zhjt.png" width="40" height="35" /></dt>
                        <dd style="font-size:12px; margin-top:4px; color:#dedede;">智慧交通与智能<br />车辆工程中心</dd>
                    </dl>
                </a>
                <a href="list_sml_10057" target="_blank">
                    <dl>
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_kfyl.png" width="40" height="35" /></dt>
                        <dd style="font-size:12px; margin-top:4px; color:#dedede;">康复医疗<br />工程中心</dd>
                    </dl>
                </a>
                <a href="list_sml_10058" target="_blank">
                    <dl>
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_jxyy.png" width="40" height="35" /></dt>
                        <dd style="font-size:12px; margin-top:4px; color:#dedede;">智能机械系统<br />及应用工程中心</dd>
                    </dl>
                </a>
                <a href="list_sml_10517" target="_blank">
                    <dl>
                        <dt style="margin-top: 10px;"><img src="{eyou:global name='web_templets_pc' /}/images/icon_3d.png" width="40" height="35" /></dt>
                        <dd style="font-size:12px; margin-top:-4px; color:#dedede;">微纳米3D打印和<br />3D智能制造工程中心</dd>
                    </dl>
                </a>
            </div>
        </div>

        <div class="product">
            <div class="product-wrap">
                <div class="product-title">
                    <span>产品展示</span>
                    <div class="product-br-left"></div>
                    <div class="product-br-right"></div>
                </div>
                <div class="product-rotaition">
                    <div class="picMarquee-left">
                    
                        <div class="bd">
                            <ul class="picList">
                                <li>
                                    <div class="pic">
                                        <a href="#" target="_blank"><img src="{eyou:global name='web_templets_pc' /}/images/pc1.jpg" /></a>
                                    </div>
                                    <div class="title"><a href="#" target="_blank">效果图1</a></div>
                                </li>
                                <li>
                                    <div class="pic">
                                        <a href="#" target="_blank"><img src="{eyou:global name='web_templets_pc' /}/images/pc2.jpg" /></a>
                                    </div>
                                    <div class="title"><a href="#" target="_blank">效果图2</a></div>
                                </li>
                                <li>
                                    <div class="pic">
                                        <a href="#" target="_blank"><img src="{eyou:global name='web_templets_pc' /}/images/pc3.jpg" /></a>
                                    </div>
                                    <div class="title"><a href="#" target="_blank">效果图3</a></div>
                                </li>
                                <li>
                                    <div class="pic">
                                        <a href="#" target="_blank"><img src="{eyou:global name='web_templets_pc' /}/images/pc4.jpg" /></a>
                                    </div>
                                    <div class="title"><a href="#" target="_blank">效果图4</a></div>
                                </li>
                                <li>
                                    <div class="pic">
                                        <a href="#" target="_blank"><img src="{eyou:global name='web_templets_pc' /}/images/pc5.jpg" /></a>
                                    </div>
                                    <div class="title"><a href="#" target="_blank">效果图5</a></div>
                                </li>
                                <li>
                                    <div class="pic">
                                        <a href="#" target="_blank"><img src="{eyou:global name='web_templets_pc' /}/images/pc6.jpg" /></a>
                                    </div>
                                    <div class="title"><a href="#" target="_blank">效果图6</a></div>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <script type="text/javascript">
                        jQuery(".picMarquee-left").slide({
                            mainCell: ".bd ul",
                            autoPlay: true,
                            effect: "leftMarquee",
                            vis: 4,
                            interTime: 50
                        });
                    </script>
                </div>

            </div>
        </div>

        <div class="trends">
            <div class="trendswrap">
                <div class="trends-left">
                    <div class="trends-left1">
                        <div class="slideTxtBox">
                            <div class="hd">


                                <ul>
                                    <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>
                            </div>
                            <div class="bd">
                                <!-- 人才动态 -->
                                <ul>
								{eyou:arclist row="5"  typeid="73"  titlelen="30"  infolen="152"  flag="c"  channelid="1" }
									<li>
                                        <div class="bdtitle">
                                            <div class="bdtitleleft">
                                                <a class="aimge" href="{$field.arcurl}"><img src="{$field.litpic}" width="165"
                                                        height="107" /></a>
                                            </div>
                                            <div class="bdtitleright">
                                                <div class="dbtitlerightt"><a class="atitle" href="{$field.arcurl}"
                                                        target="_blank">{$field.title}</a><span>{$field.add_time|MyDate='Y-m-d',###}</span></div>
														<p>{$field.seo_description}</p>
                                            </div>
                                        </div>
                                    </li>
								{/eyou:arclist}
                                </ul>
                                <!-- 产业交流 -->
                                <ul>
                                    {eyou:arclist row="5"  typeid="88"  titlelen="30"  infolen="152"  flag="c"  channelid="1" }
									<li>
                                        <div class="bdtitle">
                                            <div class="bdtitleleft">
                                                <a class="aimge" href="{$field.arcurl}"><img src="{$field.litpic}" width="165"
                                                        height="107" /></a>
                                            </div>
                                            <div class="bdtitleright">
                                                <div class="dbtitlerightt"><a class="atitle" href="{$field.arcurl}"
                                                        target="_blank">{$field.title}</a><span>{$field.add_time|MyDate='Y-m-d',###}</span></div>
														<p>{$field.seo_description}</p>
                                            </div>
                                        </div>
                                    </li>
								{/eyou:arclist}
                                </ul>
                                <!-- 重大活动 -->
                                <ul>
									{eyou:arclist row="5"  typeid="103"  titlelen="30"  infolen="152"  flag="c"  channelid="1" }
									<li>
                                        <div class="bdtitle">
                                            <div class="bdtitleleft">
                                                <a class="aimge" href="{$field.arcurl}"><img src="{$field.litpic}" width="165"
                                                        height="107" /></a>
                                            </div>
                                            <div class="bdtitleright">
                                                <div class="dbtitlerightt"><a class="atitle" href="{$field.arcurl}"
                                                        target="_blank">{$field.title}</a><span>{$field.add_time|MyDate='Y-m-d',###}</span></div>
														<p>{$field.seo_description}</p>
                                            </div>
                                        </div>
                                    </li>
									{/eyou:arclist}
                                </ul>
                                <!-- 综合新闻 -->
                                <ul>
                                    {eyou:arclist row="5"  typeid="109"  titlelen="30"  infolen="152"  flag="c"  channelid="1" }
									<li>
                                        <div class="bdtitle">
                                            <div class="bdtitleleft">
                                                <a class="aimge" href="{$field.arcurl}"><img src="{$field.litpic}" width="165"
                                                        height="107" /></a>
                                            </div>
                                            <div class="bdtitleright">
                                                <div class="dbtitlerightt"><a class="atitle" href="{$field.arcurl}"
                                                        target="_blank">{$field.title}</a><span>{$field.add_time|MyDate='Y-m-d',###}</span></div>
														<p>{$field.seo_description}</p>
                                            </div>
                                        </div>
                                    </li>
									{/eyou:arclist}
                                </ul>
                                <!-- 科研进展 -->
                                <ul>
                                    {eyou:arclist row="5"  typeid="107"  titlelen="30"  infolen="152"  flag="c"  channelid="1" }
									<li>
                                        <div class="bdtitle">
                                            <div class="bdtitleleft">
                                                <a class="aimge" href="{$field.arcurl}"><img src="{$field.litpic}" width="165"
                                                        height="107" /></a>
                                            </div>
                                            <div class="bdtitleright">
                                                <div class="dbtitlerightt"><a class="atitle" href="{$field.arcurl}"
                                                        target="_blank">{$field.title}</a><span>{$field.add_time|MyDate='Y-m-d',###}</span></div>
														<p>{$field.seo_description}</p>
                                            </div>
                                        </div>
                                    </li>
									{/eyou:arclist}
                                    
                                </ul>
                            </div>
                        </div>

                        <script id="jsID" type="text/javascript">
                            var ary = location.href.split("&");
                            jQuery(".slideTxtBox").slide({
                                effect: ary[1],
                                autoPlay: ary[2],
                                trigger: ary[3],
                                easing: ary[4],
                                delayTime: ary[5],
                                pnLoop: ary[6]
                            });
                        </script>
                    </div>
                    <div class="trends-left2"></div>
                </div>
                <div class="trends-right">
                    <div class="trends-bossimg">
                        <a href="#"><img src="{eyou:global name='web_templets_pc' /}/images/yzzc.jpeg" width="284" height="106" alt=""></a>
                    </div>
                    <div class="trends-room">
                        <div class="trends-room-title">
                            <span>领先讲堂</span>
                            <p><a href="">更多>></a></p>
                        </div>
                        <div class="trends-room-list2">
                            <div class="txtMarquee-top">
                                <div class="bd">
                                    <ul class="infoList">
										{eyou:arclist row="15"  typeid="107"  titlelen="13"  infolen="152"  flag="c"  channelid="1" }
										<li><a href="{$field.arcurl}"
											target="_blank">{$field.title}</a><span>[{$field.add_time|MyDate='Y-m-d',###}]</span></li>
										{/eyou:arclist}
                                    </ul>
                                </div>
                            </div>

                            <script type="text/javascript">
                                jQuery(".txtMarquee-top").slide({ mainCell: ".bd ul", autoPlay: true, effect: "topMarquee", vis: 7, interTime: 50 });
                            </script>
                        </div>
                    </div>
                    <div class="trends-talentimg">
                        <a href="#"><img src="{eyou:global name='web_templets_pc' /}/images/rczp.jpg" width="284" height="106" alt=""></a>
                    </div>
                    <div class="trends-talent">
                        <div class="trends-talent-title">
                            <span>人才招聘</span>
                            <p><a href="#">更多>></a></p>
                        </div>
                        <div class="trends-talent-list">
                            <div class="txtMarquee-top">
                                <div class="bd">
                                    <ul class="infoList">
                                        {eyou:arclist row="15"  typeid="72"  titlelen="13"  infolen="152"  flag="c"  channelid="1" }
										<li><a href="{$field.arcurl}"
											target="_blank">{$field.title}</a><span>[{$field.add_time|MyDate='Y-m-d',###}]</span></li>
										{/eyou:arclist}
                                    </ul>
                                </div>
                            </div>

                            <script type="text/javascript">
                                jQuery(".txtMarquee-top").slide({ mainCell: ".bd ul", autoPlay: true, effect: "topMarquee", vis: 7, interTime: 50 });
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="medium">
            <div class="medium-wrap">
                <div class="medium-title">
                    <span>媒体报道</span>
                    <div class="medium-br-left"></div>
                    <div class="medium-br-right"></div>
                </div>
                <div class="medium-rotaition">
					{eyou:arclist row="4"  typeid="106"  titlelen="12"  infolen="152"  flag="c"  channelid="1" }
									<a class="medium-rotaition-a" href="{$field.arcurl}" target="_blank">
										<dl>
											<dt><img src="{$field.litpic}"
													width="225" height="127" /></dt>
											<dd>{$field.title}</dd>
											<dd class="dd-time">{$field.add_time|MyDate='Y-m-d',###}</dd>
										</dl>
									</a>
					{/eyou:arclist}
                </div>

            </div>
        </div>

        <div class="link">
            <div class="link-wrap">
                <div class="link-title">
                    <span>友情链接</span>
                    <div class="link-br-left"></div>
                    <div class="link-br-right"></div>
                </div>
                <div class="link-list">
					{eyou:flink row="24"  type="image" }
						<a href="{$field.url}" target="_blank" {$field.target} {$field.nofollow}>
							<dl style="width:auto; height:auto;">
								<dt><img src="{$field.logo}"
										width="230" height="80" /></dt>
							</dl>
						</a>
					{/eyou:flink}
                </div>
            </div>

        </div>
    </section>
    {eyou:include file='footer.htm' /}
</body>

</html>
这篇文章对您有用吗?

我们要如何帮助您?