- 博客(9)
- 收藏
- 关注
转载 PHP_分页列表展示
最终效果: 存储数据的数组: $info=array( array('name'=>'太一','birth_y'=>'1990','birth_m'=>'01','birth_d'=>'01','stu_num'=>'01...
2017-03-24 16:44:00
921
转载 JS_实现登陆框的拖拽
最终效果如下: 登陆框拖拽的流程: 1、鼠标点击(点击区域为,登陆框上部标题部分的div) 2、点下的区域被选中,进行move移动 3、抬起鼠标,停止移动 注:点击动作必须在登陆框标题区域才生效。但是move和up则是全局,所以使用document。 实现思路: 登陆框id为login。 ...
2017-03-01 18:42:00
166
转载 JS_实时检测窗口大小并保持登陆框居中
最终效果如下: (个人方法) 实现思路: 关于onresize事件: 关于检测浏览器窗口宽度和高度的方法: document.documentElement.clientWidth;//获取浏览器窗口宽度 document.documentElement.clientHeigh...
2017-03-01 18:41:00
448
转载 CSS_登陆框弹出并锁屏
最终效果如图所示: (个人方法) 登陆框弹出实现思路: 页面刷新出来,默认登陆框的display为none。点击登陆后,将登陆框的display设置为block。即实现了弹出的效果。 弹出登陆框后锁屏效果实现思路: 要实现锁屏效果,主要是对两个对象操作,一是覆盖全屏幕的灰色带透明效果的d...
2017-03-01 18:40:00
153
转载 JS_实现图片的自动轮播
最终效果如图所示: (个人方法) 实现思路: 利用setInterval(),在一段间隔时间内,反复执行函数。函数为html中img标签的src属性修改值,分别为要轮播图片的路径。 html代码: <html> <head> <title></tit...
2017-03-01 18:38:00
382
转载 JS_实现图片的缩放
最终效果如下: 背景知识: setInterval(code,millisec),已miliseec(以毫秒计)为周期,循环执行code。直到遇到clearInterval。 clearInterval() 方法可取消由 setInterval() 设置的 timeout。 实现思路: 设置...
2017-03-01 18:36:00
1083
转载 JS_卡片切换效果
最终效果图如所示: (个人方法,不是最简单的方法) 头部ul,用于显示的div的id设为details,容器div的id设为container。 布局:将ul和details放在容器container里面,ul和details均不设置float。通过设置container的width,来控...
2017-03-01 18:33:00
1202
转载 CSS_水平导航栏设计
效果图如下所示: html结构: <ul> <li><a href="#">首 页</a></li> <li><a href="#">新闻快讯</a...
2017-03-01 18:30:00
734
转载 CSS_垂直导航栏设计
效果图如下所示: html结构: <ul> <li><a href="#">首 页</a></li> <li><a href="#">新闻快讯</...
2017-03-01 18:29:00
192
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人