十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
先用JS 动态添加 表格,,
创新互联主营抚松网站建设的网络公司,主营网站建设方案,app软件定制开发,抚松h5小程序制作搭建,抚松网站营销推广欢迎抚松等地区企业咨询
在添加事件拉伸事件
在设置表格属性
表格里的内容 动态添加HTML控件 要用什么方式改就要看你用什么事件。。
什么事件,什么属性,,百度吧。。研究就会出来
HTML 结构
div id="footerSlideContainer"
div id="footerSlideNav" /div
div id="footerSlideContent" /div
/div
原理︰
1. 一开始 #footerSlideContent 拿取自身高度、然後 Dom ready 之後就把 height 设成 0 隐藏掉
2. 在 #footerSlideNav 是一个控制台,内容随便,没有特别,就是在里面设置一个 a id="showFooter" 的开关
3. 点击 #showFooter,#footerSlideContent 就会把高度用 animate 表现出来,做成 slide up 的效果
#footerSlideContainer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
JS 重点
var original_h = $('#footerSlideContent').height(); // 先拿取高度
$('#footerSlideContent').height(0); // 隐藏整个 Content
$('#showFooter').click(function(){
$('#footerSlideContent').animate({
'height' : original_h // 回复 footerSlideContent 的高度,用 animate 效果
});
});
其它的你应该懂的吧
2中方案
第一种,禁止横屏,如果横屏覆盖页面的渲染,提示请竖屏访问。
第二种,使用媒体查询重写样式(可能会有很多兼容性需要处理)
@media all and(orientation:landscape){
//重写各种样式
}
我以我多年的经验,以及对javascript的理解可以很负责任的告诉你不行。
不过你可以尝试用用 windows 下的 CSS 滤镜 试试看
给你思路,你自己实现:
因工作原因那个按钮或者其他,添加点击事件;
在外面定一个全局变量,用来记录使显示还是不显示;
点击事件中,判断显示变量;
如果是显示,用javascript/jquery,在本行下插入一行,并赋值,具体方法是,找到本td的父tr,在tr后追加html新的tr,并填充内容(例:可以用jquery的td:contains('xx').parent().append("tr td..."),在赋值内容$("#abc").val("xxxxxx"););如果你的那行本身存在,那就更容易了,找到对应的那个tr,可以设置高度,并且还可以用jquery加一些动画效果slideDown 这类的,然后填充内容。
如果是不显示,找到对应新加的那行tr,hide或这直接删掉;或者变回原来那样,看自己需求。
总之就是,要会怎么拿td和tr。好多方法都可以,自己百度下吧。
楼主,这个我接触多了你试试我的.可以的话求采纳。
css:
.div1{width:100px;}//这个随意设置
.div1 img{width:100%;}
html:
div class="div1"img src="我的图片" //div