会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
南瓜小园
工欲善其事,必先利其器
博客园
首页
新随笔
联系
订阅
管理
2020年12月9日
图片上下左右居中显示css
摘要: <style> *{ margin:0; padding:0;} .w500{ width:400px; height:400px; background:#f0f0f0; margin:60px auto; padding:50px;} .tu300{ width:300px; height:30
阅读全文
posted @ 2020-12-09 17:49 南瓜小园
阅读(266)
评论(0)
推荐(0)
2020年11月26日
换一批,右侧浮动导航,返回顶部,锚点
摘要: <a name="f0" id="f0"></a><div class="w1120"> <div class="hyp_1 cl">换一批</div> <ul class="listchange1"> <li> <h3><a href="#" target="_blank">深圳市南瓜子传科技有限
阅读全文
posted @ 2020-11-26 15:47 南瓜小园
阅读(71)
评论(0)
推荐(0)
2020年11月18日
移动端rem,10px等于0.1rem
摘要: <!doctype html> <html data-use-rem> <head> <meta charset="gb2312"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
阅读全文
posted @ 2020-11-18 18:01 南瓜小园
阅读(306)
评论(0)
推荐(0)
2020年9月18日
常用换一批切换效果jq
摘要: 遍历li,绑定点击事件即可<script type="text/javascript"> var changeindex=1; var clickindex=2; $(".guess-box li").each(function(index,element){ if(index/8<changein
阅读全文
posted @ 2020-09-18 18:08 南瓜小园
阅读(181)
评论(0)
推荐(0)
2020年8月11日
input默认文本,输入隐藏
摘要: <form class="form1" action="" method="get"> <input class="user1" value="您的慧聪网会员名" onFocus="if(value=='您的慧聪网会员名'){value=''}" onBlur="if(value==''){valu
阅读全文
posted @ 2020-08-11 17:54 南瓜小园
阅读(366)
评论(0)
推荐(0)
2020年8月7日
弹框,点击弹出,点击隐藏
摘要: <div class="cl tkbg"></div> <div class="cl tk1_1"> <div class="tk1_1s"> <div class="gb_btn"></div> </div> </div> .tkbg{ width:100%;height:100%;positio
阅读全文
posted @ 2020-08-07 15:08 南瓜小园
阅读(189)
评论(0)
推荐(0)
2020年8月4日
判断屏幕大小,加载新样式
摘要: 判断屏幕大小,加载新样式,适应小屏幕<div class="bg01"> <div class="w1060"> <div class="w_left"> <ul> <li class="li01"><b>纯信用</b><span>|</span>无需抵押和担保</li> <li class="li
阅读全文
posted @ 2020-08-04 16:13 南瓜小园
阅读(212)
评论(0)
推荐(0)
2020年7月23日
获取元素js点击tab,input获取当前文本,
摘要: <style>.label {cursor:pointer}</style> <input type="text" id="textbox" size = "30" name="chaxinmd" /> <span class="label">JS特效</span> <span class="lab
阅读全文
posted @ 2020-07-23 15:29 南瓜小园
阅读(641)
评论(0)
推荐(0)
2020年7月14日
弹框,点击显示和隐藏
摘要: <!--微信弹层--> <div class="cl bgtk_01"></div> <div class="wxtk"> <div class="gbico1"></div> <p><img src="images/ewm_03.jpg"></p> <p>扫码关注<br/>随时联系人工客服</p>
阅读全文
posted @ 2020-07-14 14:44 南瓜小园
阅读(284)
评论(0)
推荐(0)
2020年7月6日
rem单位,10px等于0.1rem,移动端背景自适应
摘要: <!doctype html> <html data-use-rem><!--需要加的--> <head> <meta charset="gb2312"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
阅读全文
posted @ 2020-07-06 11:30 南瓜小园
阅读(537)
评论(0)
推荐(0)
2020年5月15日
移动端轮播图效果,插件
摘要: <div id='slider' class='swipe swipesh'> <div class='swipe-wrap'> <div> <div class="wl4_1"> <div class="wl4_2"> <div class="wl4_2_1">北京市 - 苏州市</div> <d
阅读全文
posted @ 2020-05-15 17:00 南瓜小园
阅读(230)
评论(0)
推荐(0)
点击显示或隐藏,添加类名或删除类名
摘要: <div class="bzlist"> <div class="bz_01"></div> <div class="bz_02"> 如何计算的金额? <div class="bz_block">根据已知量算出未知量;运算根据已知量算出未知量;运算根据已知量;运算根据已知量算出未知量;</div>
阅读全文
posted @ 2020-05-15 16:34 南瓜小园
阅读(261)
评论(0)
推荐(0)
2019年12月9日
南瓜小园
摘要: 南瓜在生活中很多见,一般的呈圆形、长条形状,颜色为橘红色、黄色、青色。南瓜还是一种品种很多的蔬菜,南瓜含有淀粉、蛋白质、胡萝卜素、维生素B、维生素C和钙、磷等成分,其营养丰富,成为人们经常食用的瓜菜,不仅有较高的食用价值,而且有着不可忽视的食疗作用。南瓜可以做成很多的美食,有南瓜饼、小米南瓜粥、南瓜
阅读全文
posted @ 2019-12-09 11:55 南瓜小园
阅读(150)
评论(0)
推荐(0)
2019年11月29日
焦点图带箭头-插件-26
摘要: <link href="http://image.hc360.com/nr2017/0508/css/tt_style.css" rel="stylesheet" type="text/css"><link href="http://image.hc360.com/nr2017/0822/css/s
阅读全文
posted @ 2019-11-29 16:33 南瓜小园
阅读(136)
评论(0)
推荐(0)
2019年11月26日
返回顶部,右侧浮窗-25
摘要: 返回顶部
阅读全文
posted @ 2019-11-26 16:19 南瓜小园
阅读(139)
评论(0)
推荐(0)
2019年11月25日
点击左右箭头轮播-24
摘要: 1 28 29 30 31 32 33 34 35 36 37 38 ...
阅读全文
posted @ 2019-11-25 16:09 南瓜小园
阅读(229)
评论(0)
推荐(0)
倒计时拉幕广告,对联广告效果-23
摘要: 1 2 22 23 24 25 26 27 28 29 30 31 关闭 32 广告时间还剩10秒 毫秒 33 34 35 36 37 38 39 63 64 75 76 77 78 79 80 81 82 ...
阅读全文
posted @ 2019-11-25 15:21 南瓜小园
阅读(139)
评论(0)
推荐(0)
2018年2月23日
jquery实现点击显示,再一次点击隐藏-22
摘要: $('.gz1').click(function(){//点击a标签 if($('.gz_text').is(':hidden')){//如果当前隐藏 $('.gz_text').show();//那么就显示div $( this ).addClass( "gz2" ) }else{//否则 ...
阅读全文
posted @ 2018-02-23 11:50 南瓜小园
阅读(6793)
评论(0)
推荐(0)
2018年1月22日
插入视频
摘要:
阅读全文
posted @ 2018-01-22 14:34 南瓜小园
阅读(1739)
评论(0)
推荐(0)
2018年1月16日
tab切换 -笨方法
摘要: // JavaScript Document $(document).ready(function(){ $(".bg_01").click(function(){ $(this).addClass("bg_01s"); $(".tab_001").addClass("tab_002"); $(".
阅读全文
posted @ 2018-01-16 16:12 南瓜小园
阅读(419)
评论(0)
推荐(0)
下一页
公告