![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
酷jjs
追求卓越,激流勇进!
展开
-
a标签锚点定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .nav_box{ height: 40px;} .nav{padding:10px 30px;} .nav1{background: red;}原创 2016-11-14 17:04:05 · 1231 阅读 · 2 评论 -
效果:用视频做背景
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{margin: 0;}原创 2018-08-22 14:13:42 · 3003 阅读 · 0 评论 -
shape-outside实现文字环绕图片圆弧形排列效果
shape-outside: circle(20px at 50px 30px),那么圆的半径为20px,圆心距离左侧为50px,距离顶部为30px的点。/*****************人物内容介绍***************/.culture_cont{padding:20px 0;height:auto;width:100%;}.culture_cont .people{over...原创 2018-04-23 11:28:39 · 3515 阅读 · 0 评论 -
jq回到顶部
/*****************回到顶部****************/.backTop{width:32px;height:48px;position: fixed;bottom:70px;right:18px;}.backTop img{width:100%;}$(function () { var backTop=["<div class=\"backTop hid...原创 2018-04-13 09:36:04 · 604 阅读 · 0 评论 -
jquery限制输入框字符串长度为10
<input type="text" class="ipt" placeholder="最长不超过10个字符" id="nameIpt"/> //限制字符串长度为10(事件监听) $("#nameIpt").bind("input propertychange", function() { var text = $原创 2018-04-18 10:57:00 · 6842 阅读 · 1 评论 -
文字上下左右居中
/*###########################道教商城详情#####################*/.shopdetail{margin-top:24px;margin-bottom:24px;}.shopdetail .slideimg_ban{width:100%;height:386px;background:#faf9f7;margin-bottom:30px;}....原创 2018-04-04 09:25:19 · 1477 阅读 · 0 评论 -
不显示播放器的音频添加(兼容各浏览器)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.11.1.js"></script> <script src="js/myBrowser.js"></script></head><body>不显示原创 2017-01-05 14:30:28 · 651 阅读 · 0 评论 -
table布局1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><table border="1"> <tbody> <tr> <td> </td><td> </td> <td>幼儿园教育</td><td>小原创 2017-04-20 11:33:09 · 320 阅读 · 0 评论 -
跨页面锚点跳转效果
页面一:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-1.11.1.js"></script> <style> .nav_box{ height: 40px;} .nav{pa原创 2016-11-14 17:11:05 · 2193 阅读 · 0 评论 -
canvas:绘制动画——长嘴、闭嘴吃豆人
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> canvas{ back原创 2018-08-30 11:13:52 · 2505 阅读 · 2 评论