



下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第JS动态添加的div点击跳转到另一页面实现代码metaname="author"content="Chunna.zheng"/
metahttp-equiv="CONTENT-TYPE"content="text/html;charset=utf-8"/
styletype="text/css"
div.recommendclass{
width:100%;
height:60px;
line-height:60px;
vertical-align:middle;
font-size:18px;
text-align:center;/*文字水平居中对齐*/
background-color:#f5f5f5;
.mall_contentChild1Class{
display:inline;
width:40%;
height:100px;
background-color:#f5f5f5;
.mall_contentChild2Class{
display:inline;
width:60%;
height:100px;
float:right;
position:relative;
background-color:#f5f5f5;
.mall_contentChild2BottomClass{
display:table-cell;
width:90%;
vertical-align:bottom;
position:absolute;
left:5px;
bottom:5px;
background-color:#f5f5f5;
.mall_Child2TextLeftClass{
line-height:16px;
vertical-align:bottom;
background-color:#f5f5f5;
.mall_Child2TextRightClass{
float:right;
color:#f3b041;
font-size:25px;
line-height:26px;
vertical-align:bottom;
background-color:#f5f5f5;
.news_title{
display:block;
font-size:18px;
vertical-align:center;
background-color:#f5f5f5;
.news_message{
display:block;
font-size:14px;
vertical-align:center;
background-color:#f5f5f5;
.news_time{
display:block;
font-size:12px;
vertical-align:bottom;
position:absolute;
bottom:5px;
right:5px;
background-color:#f5f5f5;
/style
/head
body
divid="mall_news"新闻咨讯/div
divid="news_content"/div
script
varShu=2;
vardf=document.createElement("div");
for(vari=0;i=Shu;i++){
varoDiv=document.createElement("div");
vardivChild1=document.createElement("div");
divChild1.className='mall_contentChild1Class';
varimg=document.createElement("img");
img.style.width="130px";
img.style.height="100px";
img.src='ic_mall_good_stuff.jpg';
divChild1.appendChild(img);
oDiv.appendChild(divChild1);
vardivChild2=document.createElement("div");
divChild2.className='mall_contentChild2Class';
vartext1=document.createElement("span");
text1.className='news_title';
text1.innerHTML="我是标题";
divChild2.appendChild(text1);
varbottomDiv=document.createElement("div");
vartextLeft=document.createElement("span");
textLeft.className='news_message';
textLeft.innerHTML="我是内容";
bottomDiv.appendChild(textLeft);
vartextRight=document.createElement("span");
textRight.className='news_time';
textRight.innerHTML="2017.09.23";
bottomDiv.appendChild(textRight);
divChild2.appendChild(bottomDiv);
oDiv.appendChild(divChild2);
//添加点击事件
oDiv.onclick=function(){
window.location.href="file:///android_asset/news
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 安全培训内容课件模板
- 教师心理健康的自我维护:课件教学策略
- 带电粒子的磁场偏转:课件展示
- 2025年经济法考试综合复习要点试题及答案
- 护理行业法律法规及应用2025年试题及答案
- 好书课件介绍
- 大学语文基础知识试题及答案
- 行政管理专业语文测试要求试题及答案
- 行政管理专科经济法考试必考试题及答案
- 行政法学学习路径与试题宝典
- 浙江省镇海市镇海中学2025届高考考前提分英语仿真卷含答案
- 2025年江苏省常州市中考英语一模试卷
- 某煤矿项目申请报告(知识研究版本)
- 银行从业资格证考试中的法律知识考查试题及答案
- 小麦种植技术试题及答案
- 2024年琼海市城市投资运营有限公司招聘笔试真题
- 职专汽修考试题及答案
- 国有建筑施工企业提质增效探讨
- 儿科社区获得性肺炎护理
- 科技型中小企业金融服务实践路径
- 2024北京海淀区高一(下)期末英语试题和答案
评论
0/150
提交评论