PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

用dreamweaver编写的图片轮播代码如何正确地对号入座移植到pagea... [复制链接]

1#
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
#Con{width:1000px;/*宽度*/height:370px;/*高度*/
border:1px solid #ddd;/*添加边框线,1像素,实线,灰色*/margin:100px 200px  ;/*上下50像素间距,左右水平间距*/overflow:hidden;/*超出部分隐藏*/position:relative;}
#con  .Content{width:1000px;height:370px;float:left;}
#con  .Content .Con_img{width:739px;/*宽度*/height:370px;/*高度*/float:left;}
#con  .Content .Con_txt{width:190px;/*宽度*/height:370px;/*高度*/background:yellow;float:right;padding-top:90px;padding-right:20px;}
#con  .Content .Con_txt h3{font-size:20px;font-family:"微软雅黑";margin-left:25px}
#con  .Content .Con_txt p{font-size:12px;font-family:"微软雅黑";line-height:50px;/*行高*/border-top:1px solid #ddd;/*头部边框线*/padding-top:25px;}

.Pre1{position:absolute;/*相对位置*/left:0px;top:150px;}
.Next1{position:absolute;right:0px;top:150px;}

.RollBox{width:1000px;overflow:hidden;}
.RollBox .Cont{width:1000px;overflow:hidden;float:left;}
.RollBox .ScrCont{width:10000000px;}
.RollBox #List1,.RollBox #List2{float:left;}
</style>

</head>
<body>
<script type="text/javascript" src="js/roll.js">
</script>
<div Id="Con" >
<img src="img/pre1.png" Class="Pre1" OnMouseDown="ISL_GoUp()"  OnMouseUp="ISL_StopUp()"
onMouseOut="ISL_StopUp();"input type=button; style="cursor:hand" />

<img src="img/next1.png" Class="Next1" OnMouseDown="ISL_GoDown()"  OnMouseUp="ISL_StopDown()"
onMouseOut="ISL_StopDown();"input type=button; style="cursor:hand"/>
<div Class="RollBox">
    <div class="Cont" id="ISL_Cont" >
             <div Class="ScrCont">
          <div Id="List1">
          <!--滚动内容开始-->
<div Class="Content">
   <div Class="Con_img"><img src="img/windows7-1.jpg"></div>
     <div Class="Con_txt">
     <h3>恒新快讯网</h3>
     <p>它及时收录各种信息,为广大居民服务,为梦想起航</p>
    </div>
     </div> <div Class="Content">
    <div Class="Con_img"><img src="img/windows7-2.jpg"></div>
     <div Class="Con_txt">
     <h3>2016年高考的考生们一切顺利</h3>
     <p>飞雪连天射白鹿,笑书神侠倚碧鸳</p>
    </div>
     </div>
     <div Class="Content">
  <div class="Con_img"><img Src="img/windows7-3.jpg"></div>
     <div Class="Con_txt">
     <h3>愿你们有一个好的前途</h3>
     <p>中国的教育发展需要慢慢梳理,大学的环境也需要净化</p>
    </div>
     </div>
    <!--滚动内容结束-->
     </div>
    <div id="List2"></div>
        </div>
    </div>
  </div>
  
<!--滚动区结束-->
</div>
</div>
</body>
</html>
以上实现图片轮播的代码怎么移植到pageadmin中,各部分应放在什么位置。比如:在 head标签中的内容放在pageadmin平台的什么位置,然后在什么位置引用它,body标签中的内容放在什么位置,在什么位置引用它。俺是菜鸟,希望详解,多谢!
分享 转发
TOP
发新话题 回复该主题