
HTML/CSS
我是高手高手高高手
这个作者很懒,什么都没留下…
展开
-
layui 表单 红色*表示必填项,红色右三角 文本框 下拉框
样式 <style> /* 表单必填项,右红三角 */ .fn_bixuan{position: relative;} .fn_bixuan::after{position: absolute;display: block;content: ''; z-index: 1;transform: rotate(-45deg); left: -10px;top: -10px;border: 10px solid; border-color: transparent ..原创 2022-01-20 11:17:17 · 1561 阅读 · 0 评论 -
js 四舍五入取整数
一、四舍五入取整数Math.round()console.log(Math.round(2.5));//3console.log(Math.round(2.4));//2<script>function myFunction(){ document.getElementById("demo").innerHTML=Math.round(2.5);}</script>结果:3二、取整数部分,不四舍五入parseInt()$("#order_...原创 2020-06-27 15:47:16 · 4480 阅读 · 0 评论 -
php js实现数据库四级分类栏目(可以做到7级)
代码:<?phpinclude("config.php");?>增加记录<!--id 表ID(唯一)title 各类标题flid 类别的ID (大类为1 中类为2 小类为3)pid 上类的ID(大类就跟大类,提交中类的时候这地方写大类的ID,提交小类的时候写中类的ID) )--><!--var subcat = new Array();<?php$i=0;原创 2017-07-26 10:46:36 · 1433 阅读 · 0 评论 -
纯js下拉列表二级联动 php取得值
纯js下拉列表二级联动-jq22.comhtml,body { width:100%; height:100%; margin:0 0;}#list { border-top:50px; z-index:9999; position:absolute; z-index:100; left:50px; top:50px; opacity:0.8; background转载 2017-07-25 12:47:30 · 2764 阅读 · 0 评论 -
iframe js自适应高度
iframe在实际开发中应该算是比较常见的,在一些情况下iframe的高度是不确定,甚至是时时变化的一般这种情况会有下面几种情况:1、父页面和iframe页面在同一个域下,这种情况最好解决。在iframe页面里通过window.parent即可定位到父页面的window对象,然后,通过定时器来检测iframe页面的高度变化,来设置父页面的相应容器的高度即可。转载 2017-07-20 11:16:42 · 778 阅读 · 0 评论 -
如何转换js格式文件的编码
可以在使用script标签时指定。如: charset="UTF-8">转载 2017-04-22 14:20:44 · 1473 阅读 · 0 评论 -
[转] html屏蔽右键、禁止复制
众所周知,要保护一个页面,最基础的就是要屏蔽右键。而现在网页上用得最多的是function click(),即下面这段代码: function click(){ if(event.button==2){ alert( '本网站欢迎您 !!'); } } document.onmousedown=click但是这种屏蔽方法的破解方法也是众所周知的。那就转载 2017-04-20 11:53:00 · 1300 阅读 · 0 评论 -
css阴影效果实现方法
.mydiv{width:250px;height:auto;border:#909090 1px solid;background:#fff;color:#333;filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/-moz-box-shadow: 2px转载 2016-12-01 22:46:34 · 452 阅读 · 0 评论 -
鼠标经过时改变DIV背景颜色的三种途径
方法一: 方法二: .d_over{background-color:#307172;} .d_out{background-color:#EFEFEF;} DIV背景颜色转载 2016-11-19 14:44:16 · 16635 阅读 · 0 评论 -
鼠标经过div有边框出现 js
内容原创 2016-11-17 23:24:20 · 2897 阅读 · 1 评论 -
手机网页字体大小单位用em
手机网页字体大小单位用em原创 2016-11-14 17:11:33 · 4343 阅读 · 0 评论 -
CSS去掉链接下划线的方法
a:link {text-decoration:none}text-decoration还有以下几种取值:none 默认。定义标准的文本。 underline 定义文本下的一条线。 overline 定义文本上的一条线。 line-through 定义穿过文本下的一条线。 blink 定义闪烁的文本。 inherit 规定应该从父元素继承 text-dec原创 2016-11-16 18:01:39 · 10771 阅读 · 1 评论 -
超链接 a href 提交表单通过post方式
如果想用超链接post这个表单该怎么做呢,请看下面: 首页 引用:http://blog.youkuaiyun.com/psp0001060/article/details/51001172转载 2016-11-16 00:41:13 · 1199 阅读 · 0 评论 -
\r,\n,\r\n的区别
\n是换行,英文是New line,表示使光标到行首\r是回车,英文是Carriage return,表示使光标下移一格\r\n表示回车换行原创 2016-10-20 14:52:00 · 319 阅读 · 0 评论 -
<pre></pre> 文本框中内容保留空格和换行符
被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。原创 2016-10-27 11:44:15 · 4410 阅读 · 0 评论 -
css 去掉两个图片之间间隔
img{display:block;}原创 2016-10-17 11:13:47 · 5909 阅读 · 0 评论 -
使用CSS实现间隔线|(竖线)
方法一:原创 2016-10-15 18:09:50 · 83773 阅读 · 8 评论 -
iframe jquery自适应高度(二)
#header{ position: fixed; top:0; left: 0; width: 100%; height: 80px; background: #000; z-index: 10; background: rgba(0,0,0,.8); padding-right: 10%; padding-left: 10%; }转载 2017-08-11 16:35:28 · 543 阅读 · 0 评论 -
消除LI列表前的黑点
.div { text-decoration: none; list-style:none; width: 228px; left: 10px; top: 0px; font-family: "宋体"; font-size: 12px; line-height: 20px;} .divul {list-style:none;}//消除列表前的黑点原创 2016-06-02 12:51:29 · 3194 阅读 · 0 评论 -
jq 动态增加、删除表tr行
利用jquery给指定的table添加一行、删除一行 ////////添加一行、删除一行封装方法/////// /** * 为table指定行添加一行 * * tab 表id * row 行数,如:0->第一行 1->第二行 -2->倒数第二行 -1->最后一行 * trHtml 添加行的html代码 * */原创 2017-08-30 22:14:57 · 2879 阅读 · 0 评论 -
Iframe自动适应宽度和高度
Iframe自动适应宽度和高度<iframe src="backtop.html" frameborder="0" scrolling="no" id="test" onload="this.height=100"></iframe><script type="text/javascript">function reinitIframe(){var...原创 2016-06-02 12:43:48 · 4627 阅读 · 0 评论 -
PHP AJAX 实现跨域保存数据的问题(网页留言表单提交数据的问题)
如果要实现跨域,关键在于服务器,客户端的代码按照正常的方式编写即可。对于服务器,只需要在收到OPTIONS请求的地方,返回的头信息中增加该属性即可,代码如下: header("Access-Control-Allow-Origin:*"); //*号表示所有域名都可以访问 header("Access-Control-Allow-Method:POST,GET"); ...原创 2017-05-22 17:07:35 · 632 阅读 · 0 评论 -
Dreamweaver DW中清除代码中多余空行的方法(去除空行)
如下代码,可以看到空行好多,而且不规律有的空一行有的空两三行,非常的不美观使用dreamweaver打开你的网页代码,然后用ctrl+f打开搜索功能在查找里面输入:\r\n\s*\r\n在替换里面输入:\n选项里勾选:使用正则表达式点击“替换全部”等待执行完毕,就可以看到dreamweaver已经自动把空行全部去除。转载:https://www.bnxb.c...转载 2018-10-17 09:57:39 · 6597 阅读 · 0 评论 -
input 文本框不可编辑的3种方法
disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。 示例:<input type="text" disabled="disabled" /> read...转载 2018-10-12 09:46:44 · 17150 阅读 · 0 评论 -
百度UEditor富文本编辑器
下载PHP版本:http://ueditor.baidu.com/website/download.html修改上传的路径:解压出来\ueditor\php\config.json 中修改二、模板中调用:1、html代码<textarea id="container" name="content" style="width:auto;height:300px;" placeholder="请...原创 2018-06-28 19:04:58 · 2261 阅读 · 0 评论 -
css 横排
<style type="text/css">.aa { list-style-type: none; float:left; width:100px;}</style><ul><li class="aa">百度知道</li><li class="aa"&转载 2018-06-14 15:55:40 · 1096 阅读 · 0 评论 -
CSS 段落首行文字缩进
1、CSS代码.divcss5{ text-indent:35px}<div class="divcss5"> <p>第一段开始缩进效果<br /> 使用br标签的换行将不会缩进 </p> <p>第二段使用p标签段落首行也会缩进<br /> 第二行使用了br不会缩进<br /> 第三转载 2018-06-11 17:57:00 · 1271 阅读 · 0 评论 -
tp5 Nginx 打开都是找不到文件(404)(开启pathinfo)
在windows环境下正常上传到服务器Nginx,除了首页能打开外,其它都不能打开,打开都是找不到文件 Nginx系统是通过OneinStack来安装的这是因为ThinkPHP需要pathinfo的支持,开启pathinfo办法找到对应虚拟空间的配置文件路径:/usr/local/nginx/conf/vhost/cms.xxxx.vip.conf文件中找到对应...转载 2018-06-04 17:22:31 · 11946 阅读 · 1 评论 -
锚点定位及跳转方法总结
1 js控制锚点跳转<a name="anchor"></a>location.hash="anchor";不只有a其他元素也可以,比如在报表中:<tr id="tr1">...</tr>location.hash="tr1"或者用jQuery的动画滚动效果:var id="tr1&quo转载 2018-04-03 23:19:15 · 5749 阅读 · 0 评论 -
强制CSS !important使用介绍
#box2 { background-color: #cccccc !important; background-color: #000000; }转载 2018-04-10 10:12:47 · 27234 阅读 · 0 评论 -
html style 强制代码 !important
.jqplot-table-legend { xxxx: xxxx!important;}转载 2018-03-21 16:33:06 · 10017 阅读 · 0 评论 -
JS 点击按钮增加文本框
一、增加到指定表格ID <table class='display dataTable' id="tab" cellpadding="0" cellspacing="0" ><meta charset="utf-8"><script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js&q原创 2018-03-30 17:34:57 · 8583 阅读 · 0 评论 -
带有图片预览功能的上传表单
图片上传function viewmypic(mypic,upfile) {if(upfile.files && upfile.files[0]){mypic.style.display="";//火狐下,直接设img属性//mypic.src = upfile.files[0].getAsDataURL(); //火狐7以上版本不能用上面的getAsDataURL()方式获取,转载 2017-08-16 18:22:00 · 14028 阅读 · 6 评论 -
css input[type=file] 样式美化(input上传文件样式 )
效果:无标题文档 /*样式1*/ .a-upload { padding: 4px 10px; height: 20px; line-height: 20px; position: relative; cursor: pointer; color: #888; background: #fafafa; b转载 2017-11-10 14:33:54 · 20841 阅读 · 0 评论 -
js实现几秒钟后页面自动跳转到指定页
setTimeout('window.location="http://www.paopaocity.com"',5000) 另外还有一种: 在head头部里写meta标签Html代码 head> meta http-equiv="refresh" content="0;URL=http转载 2017-09-26 10:45:17 · 1203 阅读 · 0 评论 -
html、 layui实现选择select下拉框里面的项就能跳转
用户管理用户注意onchange部分,这样即可以实现跳转了原创 2016-10-25 15:31:32 · 31022 阅读 · 16 评论 -
checkbox设置复选框的只读效果不让用户勾选
disabled="disabled" />option原创 2016-11-03 15:52:41 · 47413 阅读 · 6 评论 -
jQuery-1.8.3文件和CDN加速地址
官方:http://code.jquery.com/jquery-1.8.3.min.jshttp://code.jquery.com/jquery-1.8.3.js百度:http://libs.baidu.com/jquery/1.8.3/jquery.min.jshttp://libs.baidu.com/jquery/1.8.3/jquery.js360:http转载 2016-08-09 11:41:05 · 10550 阅读 · 1 评论 -
纯css的防止图片撑破页面的代码(图…
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="tex原创 2016-06-02 13:02:39 · 633 阅读 · 0 评论 -
用UL标签+CSS实现的柱状图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 基于CSS的柱状图实现 <meta http-equiv="Content-原创 2016-06-02 13:02:36 · 618 阅读 · 0 评论