qq_33205354-优快云博客

原创如何使一个盒子固定在底部

<div style="height:30px;width:100%;background-color: pink;position:fixed;bottom:0"></div>只需要加position:fixed;bottom:0即可固定在底部

2019-04-16 14:11:51 7999

原创使用thinkphp做商城，如何调用物流API接口

最近在做一个商城，穷人，所以不想花钱，我用的是极速数据，注册可以送1000条，测试够用了。HTML代码：<form action="api" method="post"> <input type="" name="num" id="" value="" /> <input type="submit" value="查询...

2019-03-19 17:57:17 1577

原创同样的代码上传到服务器，不起作用怎么办

最近在做一个时间插件，本地运行好好的，同样的代码上传到服务器就是不起作用，多次检查都没检查出来，最后发现原来js里的注释不只注释了本行，之后的内容也注释掉了，当然不会起作用，真的是坑死人...

2019-03-01 16:46:47 731

原创按下回车键触发函数

最近在做一个模态框的搜索，要进行异步搜索，只有点击搜索按钮才能触发事件，对用户来说其实是不方便的，上网查了一下回车键触发事件的知识，在此记录下来文本框的写法是onkeypress="search()"；完整的是<input type="text" id="tt" onkeypress="show()" />在js的写法是这样的：function search(){ ...

2019-01-25 15:25:58 2017

原创下拉框使用bootstrap的selectpicker插件实现多选，以及下拉内容的搜索

下拉框搜索功能，代码：<select class="selectpicker" data-live-search="true"> <option value="1">中国</option> <option value="2">美国</option> &lt

2019-01-24 18:04:39 779

转载百度富文本编辑器的宽度自适应

在文件夹下找到umeditor.config.js文件，把initialFrameWidth的值改为100%，注意要加单引号，我就是没加单引号所以效果出不来，即initialFrameWidth: '100%'，要把前面的//去掉，但是逗号不用去，刷新就可以看到效果...

2018-06-15 15:54:38 2252

使用bootstrap进行表格布局，如果某个td的是图片或者文字太多，会使其他tb无法垂直居中，网上找了很多方法，vertical-align: middle; 这个也不能达到效果，原来bootstrap中已经设置了样式，并且优先级高，所以这个样式不起作用，那么就要使用vertical-align: middle !important;可以达到效果，!important用来提高当前设置的优先级，会...

2018-06-05 09:29:22 12008 2

原创 tab标签页的实现，简易版

代码很简单，就是先设置好自己的tab标签页的样式，然后用js控制显示和隐藏，当然最开始就要把第一个面板显示，其余面板隐藏，因为只有点击鼠标的时候才会触发事件；循环把所有面板隐藏，当点击一个标签页，就把对应的内容设置为显示，即可实现<style> ul li{ list-style: none; ...

2018-06-01 15:34:54 1664

原创 HTML中边框的设置

border=1px solid black是给盒子四周均设置宽度为1px的边框，如果只要某一边或者两边有边框怎么弄呢？就要用到border-width属性border-width:1px 1px 1px 1px,从左往右依次是上边框，右边框，下边框，左边框，根据自己需要进行赋值即可border-width:2px 4px 6px,代表上边框2px,右边框4px,下边框6px,左边框没有值，就默认...

2018-05-31 20:42:28 7110

原创如何在HTML中添加音频和视频

2018-05-31 20:32:53 5240

原创 tab标签页的实现

我实现的比较简单，鼠标移上去和鼠标离开分别有函数，可能相对麻烦<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>tab选项卡</title> <style>

2018-05-29 10:23:13 1554

转载 js菜鸟教程

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><p>点击按钮检测年龄。</p&a

2018-05-24 16:25:48 2759

原创文本框为空的另一种js提示

function pd(){ var age=document.getElementById("age").value; var re=(age=="")?"不能为空":"正确的填写"; document.getElementById("info").innerHTML=re;...

2018-05-24 16:07:56 516

原创关于js的一些基础知识

<button onclick="alert('你好')">提交</button>注意：alert里面是单引号<button onclick="alert('6+5')">提交</button> 弹出框输出的是6+5，有引号，引号里面是什么就输出什么<button onclick="alert(6+5)">提

2018-05-24 16:03:31 133

原创获取当前时间是格林时间，进行转换

private static SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); public static void main(String[] args) { // TODO Auto-generated method stub System.out.println(new Date()); System.o...

2018-05-24 14:31:10 3839

原创 js实现图片切换的另一种方法

使用match进行匹配，如果src中匹配到了这个关键词，则换成另一张图片，否则还是这个图片，相对来说比我上次发的简单点function chp(){ imag=document.getElementById("pic"); if(imag.src.match("sc2")){ imag.src="images/sc1.png" } else{ ...

2018-05-24 14:27:53 559

原创 js实现面板显示隐藏以及文字的变化

也可以把面板替换为图片，看自己需求而定<!DOCTYPE HTML><html><head><meta charset=UTF-8><title>展开隐藏</title><script type="text/javascript"> function fun(){ var ch

2018-05-21 16:33:49 1696

原创文本框为空，进行文字提示，js实现的效果

我之前看到过别人写的，忘了是谁的，改成了自己的。大致原理就是每个文本框下面都给一个div，默认值为空，如果文本框为空值，则把div的东西设置为提示的文字。下面是代码css:.login{ border:none; background-color: #48ACF8; width:260px; ...

2018-05-21 16:25:05 3594

原创盒子宽度随文字的增加而变宽

盒子的宽度随文字的多少增大，如果字数多于一行还想要高度自适应的话要设置高度为auto<!DOCTYPE HTML><html><head><meta charset=UTF-8><title>展开隐藏</title><style> .bor{ font-size:25px; co

2018-05-13 12:10:09 4553

原创鼠标放在图片上，图片四周出现边框

如果不给图片设置外边框，直接给放上去设置边框，当鼠标放上去图片会发生位移，如果给图片初始也加个外边框的话，鼠标放上去只是边框颜色的变化，而图片并不会发生位移<!DOCTYPE HTML><html><head><meta charset=UTF-8><title>图片边框</title><style> img{

2018-05-12 22:50:35 4440

原创点击不同单选按钮出现不同内容

就我个人来说，我要实现的东西是，审核某个东西，如果通过则不需要填写理由，如果审核不通过则需要填写理由，出现一个文本域<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script src="js/jquery.min

2018-05-12 17:08:54 12614 1

原创 js实现点击图片的切换

点击图片切换为另一个图片，再点击后又会变为原来的图片<img src="images/del.png" id="img"><script>var image=document.getElementById('img');image.onclick=function (){var mysrc=image.getAttribute('src');if(mysrc=='image...

2018-05-12 16:11:46 7249 2

原创 js实现点击切换文字

点击实现文字的切换，通常用在商品的收藏<p id="btn" onclick="changeVal(this);" >展开</p><script> function changeVal(obj){ var val=document.getElementById("btn"); if(val.innerHTML=="展开"){

2018-05-12 16:07:23 14861 1

qq_33205354的博客