html+css+div
文章平均质量分 51
afterrains
这个作者很懒,什么都没留下…
展开
-
提交表单外的数据方法
<form action="" id="data_form" method="post" enctype="multipart/form-data"> <input type="file" name="file[]" multiple="multiple"> <input type=&原创 2018-03-28 22:33:12 · 1912 阅读 · 0 评论 -
CSS鼠标悬停图片加边框效果,不位移的方法
css实现鼠标悬停时图片加边框效果 body{background:#222;color:#06c;} em{ font-style:inherit;} img{background:white;margin:0 5px;width:70px;height:70px;} img:hover{border:1px red solid;} .demo2 img{border:1px so转载 2015-09-23 16:56:33 · 6647 阅读 · 1 评论 -
将文章分享到QQ空间的代码
原创 2015-10-14 11:17:35 · 1044 阅读 · 0 评论 -
html超链接打开的窗口大小
aaaaaaaaaaaaaaa原创 2016-01-15 16:09:39 · 1389 阅读 · 0 评论 -
三个DIV并排放置
无标题文档 .left{ float: left; width: 100px; background-color: #FF0000; height: 50px; margin-top: 100px;}.center{ margin-left: auto; margin-right: auto; width: 100px; background-color: #原创 2015-12-03 16:44:32 · 11621 阅读 · 1 评论 -
iframe去边框,无边框
iframe runat="server" src="youpage's url" width="750" height="30" frameborder="no" border="0"marginwidth="0" marginheight="0" scrolling="no"allowtransparency="yes">iframe>runat="server" 这个最好加上If原创 2016-01-10 02:10:11 · 8923 阅读 · 1 评论 -
两个div并列显示
原创 2016-04-06 11:41:05 · 1498 阅读 · 0 评论 -
button按钮与文字链接显示效果一样
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1.0, user-scalable=0" />注册table { border-collapse: collapse; border: none;}td { bord原创 2016-05-05 16:27:28 · 1064 阅读 · 0 评论 -
表单提交后按钮变成灰色
表单提交后按钮变成灰色原创 2016-07-26 14:14:59 · 5330 阅读 · 0 评论 -
CSS鼠标悬停div加边框效果
css实现鼠标悬停时图片加边框效果 .demo{background:white;margin:0 5px;width:170px;height:170px;} .demo:hover{border:1px red solid;} .demo:hover{width:166px;height:166px;border:2px solid #D94600;}原创 2015-09-23 17:24:55 · 19239 阅读 · 1 评论 -
div在div中行排,多处后换行问题,最后层加一个clear层
无标题文档.yuyue { background-color: #9FC; width: 1200px;}.san { background-color: #36C; height: 381px; width: 281px; margin: 7px; float: left;}.clear { background-color: #C96; margin: 7px;原创 2015-09-23 16:20:40 · 832 阅读 · 0 评论 -
JS 只能输入数字和两位小数的JS
JS代码:language="JavaScript" type="text/javascript">function clearNoNum(obj){obj.value = obj.value.replace(/[^\d.]/g,"");//清除"数字"和"."以外的字符obj.value = obj.value.replace(/^\./g,"");//验证第一个字符是数字而不是原创 2015-08-13 11:32:25 · 2389 阅读 · 0 评论 -
easyui导入文件的顺序
使用Jquery Easy UI要导入的js顺序.引用Jquery的Js文件.引用Easy UI的Js文件.导入Easy UI的主题Css文件.导入Easy UI的图标Css文件.引用Easy UI的国际化文件 以下为让它显示中文.页面上加上UTF-8编码 防止jquer原创 2015-08-13 15:02:33 · 1101 阅读 · 0 评论 -
table 添加竖直线
无标题文档 邮箱设置 是否发送 邮箱服务 发送方邮箱 邮箱密码 系统警告接受邮箱原创 2015-08-14 11:53:06 · 3585 阅读 · 0 评论 -
普通table表格样式及代码大全(全)
单实线边框表格 虚线边框表格 虚线边框表格 点线边框表格 点线边框表格 双实线边框表格 双实线边框表格 槽线边框表格 槽线边框表格 脊线边框表格 脊线边框表格 内凹效果边框 内凹效果边框 外凸效果边框转载 2015-08-14 11:30:39 · 1832 阅读 · 0 评论 -
HTML滚动文字代码 marquee标签
滚动文字滚动文字滚动文字marquee 参数:BGColor:滚动文本框的背景颜色。Direction:滚动方向设置,可选择Left(从右到左)、Rightup(从下到上)和down(从上到下)scrolldelay:每轮滚动之间的延迟时间,数字越大滚动越慢。scrollamount:一次滚动总的时间量,数字越小滚动越慢。Behaviour:滚动的方式设原创 2015-08-04 17:09:12 · 888 阅读 · 0 评论 -
js与php传递参数
第一种情况:两个不在同一页面(js一个页面,php在另一个页面)第一种方法:通过url传参。js传过去,php接收,或者php传过去,js接收。这里展示一下js传过去,php接收的情况。我用的jquery,写的方便。js的DOM操作麻烦。js通过url传过去,最重要的是更改url。代码:$(form的id).attr("action",新的url地址原创 2015-08-04 18:02:52 · 4051 阅读 · 0 评论 -
HTML滚动文字代码 marquee标签
滚动文字滚动文字滚动文字marquee 参数:BGColor:滚动文本框的背景颜色。Direction:滚动方向设置,可选择Left(从右到左)、Rightup(从下到上)和down(从上到下)scrolldelay:每轮滚动之间的延迟时间,数字越大滚动越慢。scrollamount:一次滚动总的时间量,数字越小滚动越慢。Behaviour:滚动的方式设原创 2015-08-17 09:39:48 · 1244 阅读 · 0 评论 -
a href="javascript:void(0)" 是什么意思?加不加上有什么区别
点击点击链接后不会回到网页顶部点击 点击后会回到网面顶部原创 2015-11-05 10:13:40 · 1037 阅读 · 0 评论 -
手机页面前面加一段代码,显示会调整为移动端界面
原创 2016-08-16 10:09:50 · 2131 阅读 · 0 评论 -
JS实现鼠标点击展开或隐藏表格行的方法
JS实现鼠标点击展开/隐藏表格行function TestBlack(TagName){ var obj = document.getElementById(TagName); if(obj.style.display==""){ obj.style.display = "none"; }else{ obj.style.display = ""; }}原创 2016-08-18 10:27:04 · 3788 阅读 · 0 评论 -
html登陆按钮和注册按钮
/** * 注册 */ function regist() { // 如果需要在新窗口打开注册界面; // window.open('Untitled-2.html'); // 如果需要在当前窗口打开登录界面 window.location.href = 'Untitled-2.html'; }原创 2017-03-04 11:50:38 · 50883 阅读 · 1 评论 -
HTML的footer置于页面最底部的方法
cankaojishu.comhtml{height:100%;}body{min-height:100%;margin:0;padding:0;position:relative;}header{background-color: #ffe4c4;}main{padding-bottom:100px;background-color: #bdb76b;}/* main的padding原创 2017-03-09 17:08:53 · 5778 阅读 · 0 评论 -
checkbox 选中事件代码
.aaa { border: 1px hidden #0000FF; width: 100px; height: 60px; background-color: #cccccc; }大类小类一小类二小类三 function bigChange(obj)原创 2017-03-10 16:18:00 · 16653 阅读 · 0 评论 -
关于在php中html标签的转换问题的解决,转义与反转义
很多朋友在写php的时候,难免会遇到需要将html标签进行转义存储。比如存入数据库、xml文件等。而存储进去后,读取出来则需要转换成html输出。网上有许多人编写的转换函数,很长很难懂。其实php早就自带有这样的函数。大可不必自己编写。下面分别介绍这两个函数。转载自页面 https://www.xiannw.cn/1.htmlentities()函数:说明:将html标签...原创 2016-08-12 14:05:53 · 25544 阅读 · 1 评论 -
Bootstrap 下拉框搜索多选
jQuery bootstrap-select可搜索多选下拉列表插件-www.daimajiayuan.com <!-- 2.3.2原创 2017-06-08 23:12:10 · 3983 阅读 · 0 评论 -
input框focus时的美化效果
input { border: 1px solid #ccc; padding: 7px 0px; border-radius: 3px; padding-left: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);原创 2017-06-22 10:41:53 · 3037 阅读 · 0 评论 -
纯css3单选框和复选框样式美化效果
移动单选按钮 /*纯CSS写法*/ .checkbox-group input{display:none;opacity:0;} .checkbox-group input[type=checkbox]+label, .checkbox-group input[type=radio]+label { lin原创 2017-06-22 11:17:12 · 3995 阅读 · 0 评论 -
html 中 <td>文字居中
<td style="display:table-cell; vertical-align:middle">{$v.driver_uid|find_driver_name}</td>原创 2018-03-25 23:13:58 · 14222 阅读 · 0 评论 -
input checkbox 复选框大小修改
有的时候,需要使用复选框,但是复选框有时候默认的太小,这时候就需要加大复选框,网上搜了很多,都没有直接的解决方法,一种是采用div 扩大点击范围或者是采用图片替代。直到看到下面一篇介绍,使用了下,才可以达到我想要的效果,试了下ie和谷歌都支持。参考https://zhidao.baidu.com/question/105563578.html其实就是zoom属性,这个是放大原创 2017-02-23 16:32:37 · 16772 阅读 · 1 评论 -
div 设置一行文字,文字超过后用...表示
.rightlist { padding: 16px; margin-top: 2px; color: #333; line-height: 24px; border: 1px solid #ccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}原创 2017-02-28 14:44:32 · 1907 阅读 · 0 评论 -
键盘按钮keyCode大全
TD {text-align:center} function init() { document.onkeydown = showKeyDown document.onkeyup = showKeyUp document.onkeypress = showKeyPress } function showKeyDow原创 2016-08-22 11:22:27 · 1281 阅读 · 0 评论 -
CSS 鼠标经过时改变table所在行的颜色
#customers { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; border-collapse:collapse; } #customers td, #customers th原创 2016-08-26 15:43:23 · 2107 阅读 · 0 评论 -
html下拉框,显示隐藏其他控件
function chg(){if(document.getElementById("sel").value=="txt"){document.getElementById("txt").style.display="";document.getElementById("btn").style.display="none";}else{document.getElementById("t原创 2016-09-27 09:45:49 · 7287 阅读 · 0 评论 -
网页设计中让一张图片填充满整个画面背景
设置两层div,底层div当做背景使用,放置一张图片即可。再将网页内容放置到第二层上页面内容原创 2015-07-05 00:38:45 · 10960 阅读 · 0 评论 -
使用div+CSS将页脚始终控制在页面最下方的方法
无标题文档html, body {height: 100%;}.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -4em;}.footer{height: 4em;}原创 2016-10-31 13:50:29 · 669 阅读 · 0 评论 -
div的上下居中,左右居中,左右上下都居中
div {position:absolute;top:50%;left:50%;margin:-150px 0 0 -200px;width:400px;height:300px;border:1px solid #008800;}-->让层垂直居中于浏览器窗口其实解决的思路是这样的:首们需要position:absolute;绝对定位。原创 2016-12-16 11:07:04 · 1745 阅读 · 0 评论 -
3个div水平居中
margin-left:10px;">div要横向排列就要用float,居中要用margin-left:auto;margin-right:auto,但是有float,这个margin-left:auto;margin-right:auto;就会出问题,所以就要在外围定义一个容器,在外围设置margin-left:auto;margin-right:auto居中原创 2016-12-16 11:23:51 · 7812 阅读 · 0 评论 -
下拉框选中一个选项后 触发事件
function GaiBian(osel){if(osel.options[osel.selectedIndex].text==1){alert(11);} } //--> 1 2 3 百度 谷歌原创 2015-08-12 09:16:45 · 30317 阅读 · 0 评论 -
设置DIV为不可见
,完全隐藏,不占空间 不可见,但是还占空间原创 2015-08-12 09:11:12 · 6392 阅读 · 1 评论