lujieting0

2018年12月12日

摘要： <style> body { height: 8000px; } a { color: #FFF; } .actGotop { position: fixed; bottom: 50px; right: 50px; width: 150px; height: 195px; display: none 阅读全文

posted @ 2018-12-12 20:23 lujieting0 阅读(481) 评论(0) 推荐(0) 编辑

jq 固定导航栏

摘要： <style> * { margin: 0; padding: 0 } img { vertical-align: top; } .main { margin: 10px auto 0; width: 1000px; } .fixed { position: fixed; top: 0; left: 阅读全文

posted @ 2018-12-12 20:22 lujieting0 阅读(827) 评论(0) 推荐(0) 编辑

2018年12月11日

jq 方法

摘要： val方法：<input type="text" value="洋酒" id="txt"/><script src="jquery-1.12.4.js"></script><script> $(function () { $("#txt").focus(function () { //如果是默认值，阅读全文

posted @ 2018-12-11 20:11 lujieting0 阅读(113) 评论(0) 推荐(0) 编辑

弹幕案例

摘要： <style type="text/css"> html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: "微软雅黑"; font-size: 62.5%; } .boxDom { width: 1 阅读全文

posted @ 2018-12-11 20:07 lujieting0 阅读(183) 评论(0) 推荐(0) 编辑

jq 微博发布评论案例

摘要： <style> * { margin: 0; padding: 0; } ul { list-style: none; } .box { width: 600px; margin: 100px auto; border: 1px solid #000; padding: 20px; } textar 阅读全文

posted @ 2018-12-11 20:06 lujieting0 阅读(506) 评论(0) 推荐(0) 编辑

jq 节点

摘要： <div id="box"> 我是内容</div><p class='des'>我是外面的p元素</p><script src="jquery-1.12.4.js"></script><script> $(function () { //创建jq对象 $("div").append('<a href 阅读全文

posted @ 2018-12-11 20:05 lujieting0 阅读(184) 评论(0) 推荐(0) 编辑

jq 城市选择案例

摘要： <style> select { width: 200px; background-color: teal; height: 200px; font-size: 20px; } .btn-box { width: 30px; display: inline-block; vertical-align 阅读全文

posted @ 2018-12-11 20:04 lujieting0 阅读(489) 评论(0) 推荐(0) 编辑

jq 手风琴案例

摘要： <style> ul { list-style: none; } * { margin: 0; padding: 0; } div { width: 1150px; height: 400px; margin: 50px auto; border: 1px solid red; overflow: 阅读全文

posted @ 2018-12-11 20:02 lujieting0 阅读(356) 评论(0) 推荐(0) 编辑

jq　自定义动画案例

摘要： <input type="button" value="开始"/><input type="button" value="结束"/><div id="btn"></div><script src="jquery-1.12.4.js"></script><script> $(function () { 阅读全文

posted @ 2018-12-11 20:00 lujieting0 阅读(241) 评论(0) 推荐(0) 编辑

jq 左右轮播图案例

摘要： show():显示* hide():隐藏** slideDown():滑入* slideToggle():滑出** fadeIn():淡入* fadeOut():淡出* fadeToggle():切换 <div class="slider"> <ul> <li><a href="#"><img sr 阅读全文

posted @ 2018-12-11 19:58 lujieting0 阅读(335) 评论(0) 推荐(0) 编辑

公告