网页设计


CSS中设置margin:0 auto; 水平居中无效的原因分析
很多初学制作网页的朋友,可能会遇到的一个常见问题,就是在CSS中加了margin:0 auto;却没有效果,不能居中的问题,margin:0 auto;的意思就是:上下边界为0,左右根据宽度自适应,其实就是水平居中的意思,在这里说两个典型的错误引起的不能居中的问题: 1、...
2018-10-23 网页设计
155

js弹出窗口简单实现代码
本文实例为大家分享了js弹出窗口展示的具体代码,供大家参考,具体内容如下 !DOCTYPE htmlhtmlhead lang=en meta charset=UTF-8 title/title style body{ /*margin: 0;*/ } #div1{ width: 100px; height: 100px; border: 1px solid red; } /style/headbodydi...
2018-08-13 网页设计
213

zTree异步加载并初始化树时全部展开
如果父节点数量很大,请注意利用延时进行控制,避免异步进程过多。因此需要用延迟加载的方式控制。 link rel=stylesheet href=css/demo.css type=text/csslink rel=stylesheet href=css/zTreeStyle/zTreeStyle.css type=text/cssscript type=text/javascript...
2018-07-12 网页设计
221

仿造w3school的试一试功能,实现左侧编辑框,右侧效果页面
每次想快速测试页面效果的时候,特别是在学习前端代码的时候,就想到W3school的那个试一试功能,一直都是用他们那个在线的版本测试, 今天发现网上有类似的代码,以后就不需要联网了,想测就可以直接用了。 下面把代码贴上 首先先建立一个样式文件tc.css Css...
2018-06-23 网页设计
171

html js 表单提交前检测数据
通过使用form的onsibmit来控制是否提交数据 返回值为真是提交,其他不变,示例如下: JS部分 function check() { var newPwd = document.getElementById(newPwd); var confirmNewPwd = document.getElementById(confirmNewPwd); if (newPwd.value == confirm...
2018-06-16 网页设计
220

利用JS提交表单的几种方法和验证(必看篇)
工作中发现表单提交方便的问题,很多时候IE下提交好好的,打了火狐下就出现了问题,利用提交按钮就不成功了,于是利用JS的方式就成功了,也不知道为什么。在导师的催促下就总结出以下的几种常用表单提交的方法。 第一种方式:表单提交,在form标签中增加onsu...
2018-06-16 网页设计
173

js 获取Dom元素、获取和设置属性
Dom元素 1 getElementById document.getElementById(id) 返回一个对象 2 getElementsByTagName document.getElementsByTagName(tag) 返回一个对象数组 运行使用*通配符,获取所有元素 dom.getElementsByTagName(*) 获取dom下所有子元素 3 getElementsByClass...
2018-06-02 网页设计
160

iPhone/iPad/Android UI尺寸规范
iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 12422208 px 401PPI 60px 132px 146px iPhone6 plus放大版 11252001 px 401PPI 54px 132px 146px iPhone6 plus物理版 10801920 px 401PPI 54px 132px 146px iPhone6 75...
2018-05-29 网页设计
271

怎样做出符合用户预期的设计?
设计中说的最多的就是用户预期这个词,但是到底什么样的设计是符合用户预期的?怎样做呢? 每一个设计都有它的一些特征,这些特征导致了它有一定的暗示作用,从而让用户觉得这个东西应该是这样使用的,但是当我们的设计不是这样支持的时候,那么用户就会产生...
2018-05-28 网页设计
126

layui实现数据分页功能
官网layui table演示页面: http://www.layui.com/demo/table.html 示例截图: 页面引入layui.css、 layui.js div id=pTable style=width: 1200px; table class=layui-table id=layui_table_id lay-filter=test /table div id=laypage/div /div 前台 js内容...
2018-05-19 网页设计
196

layui里的上传控件问题
很多时候,项目里都是需要上传功能的,现在就来研究研究, 首先,在html页面引入layui的包,如: link rel=stylesheet href=map/plug-in/scripts/layui/css/layui.css /script type=text/javascript src=map/plug-in/scripts/layui/lay/dest/layui.all.js /s...
2018-05-16 网页设计
90

layer实现删除确认及操作完成后弹出提醒,然后刷新本页面
layer.confirm(确认要删除吗,删除后不能恢复, { title: 删除确认 }, function (index) { layer.close(index); $.post(/admin/customer/DeleteCustomer, { gid: $(e.currentTarget).data(gid) }, function (data) { layer.alert(data, { title: 删除操作, bt...
2018-05-16 网页设计
266