jquery
关注
分享
扫一扫
他化天域外
这个作者很懒，什么都没留下…
展开
-
判断当在第一屏的时候，回到顶部按钮的时候隐藏
在建站中，若是页面过长，还是在右侧或底部加上个回到顶部按钮比较好，很多网站也会把客服及其他入口放在右侧，这样就会成为比较长的一列了，但若是用户正在第一屏，或许正是幻灯片的位置，右侧飘着个东西挡住了大图，也不美观，那么如何让回到顶部按钮在第一屏时隐藏掉，下滑时再出现：引入jQuery<script> /*判断当在第一屏的时候，回到顶部按钮的时候隐藏*/ $(wi...原创 2019-05-13 15:25:25 · 608 阅读 · 0 评论 -
手机网页div向下滑隐藏，向上滑显示
testmenu.yapiskan{height: 80px;background-color:#e74c3c;color:white;font-size:24px;width: 100%;text-align:center;transition:top .5s;}.yya{position:fixed;left:0;top:0;}.gizle{top:-90...原创 2019-05-13 15:28:21 · 1238 阅读 · 0 评论 -
html手机端自适应正方形写法
<!doctype html><html><head><title>nnbabi</title><script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.1/jquery.min.js"></script> <...原创 2019-06-15 09:30:06 · 504 阅读 · 0 评论 -
js获取滚动条距离浏览器顶部,底部的高度
<html xmlns="http://www.phpernote.com/javascript-function/754.html"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js获取滚动条距离浏览器顶部...转载 2019-06-15 09:35:28 · 5542 阅读 · 0 评论 -
jq点击切换隐藏显示
先引入jquery.js点击自动切换显示或隐藏.hidden {display:none;}.block {display:block;}<button style="display:none;"></button>/默认隐藏* */<p>123456789</p>在加入代码：<script ty...原创 2019-06-17 14:20:17 · 5842 阅读 · 0 评论 -
jq添加或移除class
引入jquery.js<script type="text/javascript">$(document).ready(function(){ $("button").click(function(){ $("p").removeClass("hidden");//添加class });});</script><script ...原创 2019-06-17 14:20:46 · 9406 阅读 · 1 评论 -
jq toggle从上向下滑动
jquery中的toggle可以用来控制切换div出现或隐藏 <script type="text/javascript">$(document).ready(function(){ $("button").click(function(){ $("p").toggle(500); });});</script>但这样是从左到右滑动...原创 2019-06-17 14:21:22 · 836 阅读 · 0 评论 -
织梦dedecms自定义表单不能为空|织梦自定义表单设置必填方法
1、把以下代码保存为bitian.js文件：$(document).ready(function() {//验证$('#complain').submit(function () {if($('#name').val()==""){$('#name').focus();alert("用户名不能为空！");return false;}if($('#tel').val()=="") ...原创 2019-06-17 14:23:28 · 1172 阅读 · 0 评论 -
jq回到顶部按钮
1、html代码<button class="back_to_top">返回顶部</button>2、css代码.back_to_top{ position: fixed; bottom:30px; right: 30px; border:1px solid #888;}3、js代码 var ba...原创 2019-06-18 09:33:24 · 259 阅读 · 0 评论