首页 开发案例 免费模板 织梦问答 视频教程 淘宝店铺
九戒织梦
求求各位老板下个单
联系方式

QQ:979702097

旺旺:九戒织梦

宝贝排行
  • 织梦CMS详细网站安装搭

    被点击232 次
  • 织梦实例仿站教学-内

    被点击179 次
  • 7-织梦实例仿站教学

    被点击178 次
  • 织梦CMS安全防护设置、

    被点击129 次
  • 8-织梦实例仿站教学

    被点击110 次
  • 织梦仿站核心知识-模

    被点击99 次
首页 > 视频教程 > 8-织梦实例仿站教学-首页的仿制

8-织梦实例仿站教学-首页的仿制

时间: 2017-08-23 18:05 来源: 未知 作者: admin 点击:

视频 (全屏播放更清晰)

本集高清视频下载:https://pan.baidu.com/s/1i5pFrGp



实例演示:

8-织梦实例仿站教学-首页的仿制九戒织梦视频教程



相关代码:

<!DOCTYPE html>
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:global.cfg_description/}" />
<meta name="keywords" content="{dede:global.cfg_keywords/}" />

<link href="/jjdede/skin/css/common2.css" rel="stylesheet" type="text/css" />

<script src="/jjdede/skin/js/jquery-1.9.1.js"></script>

<script src="/jjdede/skin/js/jquery.SuperSlide.2.1.1.js"></script>
<style>
.primary dl{width: 242px;}
</style>


</head>



<body>

{dede:include filename='head.htm'/}



<!--幻灯片 开始-->

<div class="slideBox">

    <div class="bd">

        <ul>

        
{dede:arclist typeid='16' orderway='asc'}         
            <li class="item1" style="background: url([field:litpic/]) top center no-repeat;">1</li>
{/dede:arclist}
            
   
            
        </ul>

    </div>

    <div class="hd">

        <ul>

 {dede:arclist typeid='16'}        
        <li></li>

 {/dede:arclist}

         
        </ul>

    </div>

</div>

<script type="text/javascript">

jQuery(".slideBox").slide({mainCell:".bd ul",effect:"fold",autoPlay:true,interTime:5000,delayTime:1000});

</script>

<!--幻灯片 结束-->




<!--内容 开始-->

<div class="bg">

    <div class="wrapper2">

        <div class="primary">



{dede:arclist typeid='17' row='4'}
            <dl class="item[field:global.autoindex runphp='yes'] if(@me > 2){ @me = @me +1;}[/field:global.autoindex]">

                <dt><a href="[field:arcurl/]"><strong>[field:title/]</strong>[field:shorttitle/]</a></dt>

                <dd>[field:description/]</dd>

                <dd class="more"><a href="[field:arcurl/]" style="margin-left:10px;float:right;">更多>></a></dd>

            </dl>
{/dede:arclist}

  
 

            </dl>
			

        </div>

        <!--重点项目 结束-->

        <div class="boxA clearfix">

			<div class="i-about">

				<div class="hd">

					<h2>公司概况<small>ABOUT TELCHINA</small></h2>

				</div>

				<div class="bd">

					<div class="img-border"><img src="/jjdede/skin/images/pic/01.jpg" width="220" height="140" alt="图片"></div>

					<div class="txt">

						<p>泰华智慧产业集团股份有限公司是国内领先的智慧城市整体解决方案提供商、领先的智慧市政行业解决方案及产品提供商,并且在照明、水务、管网、城管、交通、产业地图等领域提供自主产品及解决方案。。</p>

						{dede:type typeid='2'}<a href="[field:typeurl/]" class="more">更多>></a>{/dede:type}

					</div>

				</div>

			</div>

			<!--公司概况 结束-->

			<div class="i-news">

				<div class="hd">

					<h2>新闻资讯<small>NEWS AND INFORMATION</small></h2>

				</div>

				<div class="bd">

					<div class="picFocus">

						<div class="bd">

							<ul>
{dede:arclist typeid='9' row='4'}                            

							
								<li>

									<a target="_blank" href="[field:arcurl/]"><img src="[field:litpic/]" /></a>

									<div class="focus-txt"><a href="[field:arcurl/]">[field:description function="cn_substr(@me,120)"/]</a></div>

								</li>
{/dede:arclist}
	 
							
							</ul>

						</div>

						<div class="hd">

							<ul>

{dede:arclist typeid='9' row='4'} 							
								<li><img src="[field:litpic/]" /></li>

{/dede:arclist}							
 

							
							</ul>

						</div>

					</div>

					<script type="text/javascript">jQuery(".picFocus").slide({ mainCell:".bd ul",autoPlay:true });</script>

					<!--幻灯片结束-->

					

				</div>

			</div>

		</div>

        <!--公司概况 结束-->

    </div>

</div>

<!--内容 结束-->



<!--底部 开始-->


{dede:include filename='footer.htm'/}


<!--底部 结束-->
<!--fly AD-->
<!--
<script> 
var Rimifon = { 
"Ads" : new Object, 
"NewFloatAd" : function(imgUrl, strLink) 
{ 
var ad = document.createElement("a"); 
ad.DirV = true; 
ad.DirH = true; 
ad.AutoMove = true; 
ad.Image = new Image; 
ad.Seed = Math.random(); 
ad.Timer = setInterval("Rimifon.Float(" + ad.Seed + ")", 50); 
this.Ads[ad.Seed] = ad; 
ad.Image.Parent = ad; 
ad.style.position = "absolute"; 
ad.style.left = 0; 
ad.style.top = 0; 
ad.Image.src = imgUrl; 
ad.Image.onmouseover = function(){this.Parent.AutoMove = false;} 
ad.Image.onmouseout = function(){this.Parent.AutoMove = true;} 
if(strLink) 
{ 
ad.href = strLink; 
ad.Image.border = 0; 
ad.target = "_blank"; 
} 
ad.appendChild(ad.Image); 
document.body.appendChild(ad); 
return ad; 
}, 
"Float" : function(floatId) 
{ 
var ad = this.Ads[floatId]; 
if(ad.AutoMove) 
{ 
var curLeft = parseInt(ad.style.left); 
var curTop = parseInt(ad.style.top); 
if(ad.offsetWidth + curLeft > document.body.clientWidth + document.body.scrollLeft - 1) 
{ 
curLeft = document.body.scrollLeft + document.body.clientWidth - ad.offsetWidth; 
ad.DirH = false; 
} 
if(ad.offsetHeight + curTop > document.body.clientHeight + document.body.scrollTop - 1) 
{ 
curTop = document.body.scrollTop + document.body.clientHeight - ad.offsetHeight; 
ad.DirV = false; 
} 
if(curLeft < document.body.scrollLeft) 
{ 
curLeft = document.body.scrollLeft; 
ad.DirH = true; 
} 
if(curTop < document.body.scrollTop) 
{ 
curTop = document.body.scrollTop; 
ad.DirV = true; 
} 
ad.style.left = curLeft + (ad.DirH ? 1 : -1) + "px"; 
ad.style.top = curTop + (ad.DirV ? 1 : -1) + "px"; 
} 
} 
} 
</script>
<script> 
Rimifon.NewFloatAd("/jjdede/upfiles/images/idx_gg.png", "zhihui/"); 
</script> 
-->
</body>

</html>



HEAD:

<!--头部 开始-->

<div style="position:fixed; top:40%; z-index:9999; right:24px; width:110px; height:160px; text-align:center;  color:#333333">
<img src="/jjdede/skin/images/therv.jpg" width="110" height="110" alt="二维码">
<h2 style="font-size:12px;">九戒微信</h2></div>
<div class="header">

	<div class="wrapper">

        <a href="/" class="logo" title="{dede:global.cfg_webname/}">{dede:global.cfg_webname/}</a>

        <ul class="nav">

            <li><a href="/">首页</a></li>
            
{dede:channel type='top' row='10'  currentstyle="<li><a href='~typelink~' class='current'>~typename~</a> </li>"}
            <li><a href="[field:typeurl/]">[field:typename/]</a></li>
{/dede:channel}
 

        </ul>

    </div>

</div>

<!--头部 开始-->


Foot:

<!--底部 开始-->

<div class="footer">

	<p><a href="#">法律声明</a>|<a href="#">网站管理</a>|<a href="#">友情链接</a>|<a href="#">联系我们</a></p>

    <p><span class="mr10">{dede:global.cfg_powerby/}
</span></p>

    <p>{dede:global.cfg_webname/} </p>

</div>

<!--底部 结束-->


Left:

     	<!--左侧 开始-->

        	<div class="side">

            	<dl class="sub-menu">

                	<dt>{dede:field.typename/}</dt>

                    
{dede:channel type='son' row='10'  currentstyle="<dd><a href='~typelink~' class='current'>~typename~</a> </dd>"}
            <dd><a href="[field:typeurl/]">[field:typename/]</a></dd>
{/dede:channel}

  

                    </dl>

                <a href="#" target="_blank" class="link"><span class="oa"></span>OA入口</a>

                <a href="#" target="_blank" class="link"><span class="mail"></span>邮箱登陆 </a>

            </div>

            <!--左侧 结束-->


www.jjdede.com 九戒织梦二次开发 Power by DedeCms

冀ICP备14002589号-3