![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
小贵子的博客
这个作者很懒,什么都没留下…
展开
-
前端实现省市县三级联动的功能
省市县的文件 city.js// 地址文件var provice = [ { name: "北京市", city: [ { name: "北京市", districtAndCounty: ["东城区", "西城区", "崇文区", "宣武区", &quo原创 2018-12-20 12:12:43 · 4949 阅读 · 0 评论 -
文字的长度超过出现省略号效果
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>JS控制TITLE悬停效果</title><script src="原创 2018-11-22 14:29:46 · 270 阅读 · 0 评论 -
js实现鼠标悬停显示title效果
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; ch原创 2018-11-22 14:21:55 · 11914 阅读 · 2 评论 -
图片验证码——在gVerify.js 的基础之上完善了一下,实现汉字,字母和数字组合的验证码
在gVerify.js 的基础之上完善了一下,实现汉字,字母和数字组合的验证码,效果图如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <原创 2018-08-02 17:42:06 · 2219 阅读 · 0 评论 -
img load()方法
当图片超过设定的宽度时,让它独占一行,居中显示:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片onload事件</title> <script type="text/ja原创 2018-07-10 18:20:25 · 17772 阅读 · 0 评论 -
jQuery 动态创建标签——实现增、删、改、保存功能
之前做的一个项目,动态创建一些标签,实现增、删、改、保存功能,效果如下:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态创建标签</title> <style type="text/原创 2018-07-10 16:54:25 · 8282 阅读 · 0 评论 -
jQuery —— 元素绑定单击事件(click),但是双击该元素也能触发单击事件,同时会触发两次单击事件的问题
最近做项目遇到一个问题,给元素绑定了单击事件,但是双击该元素时同样会触发单击事件,并且触发两次的问题,网上找了解决办法基本上都是用 clearTimeout 、setTimeout 解决,但是效果不是很理想,因为用到了layer弹窗,最后自己想了一种办法解决:思路:1、定一个全局变量,例如:var lastTimeClickInputId; 2、获取该元素的id,点击该元素的时...原创 2018-07-03 15:44:20 · 3793 阅读 · 0 评论 -
关于文档加载完成事件 — onload 事件、ready事件
一、$(window).load(function(){})、window.onload=function(){}、$(document).ready(function(){})的区别: 1、$(window).load(function(){})、window.onload=function(){} 是页面中的所有元素(包括图片、flash、引用文件)等...原创 2018-06-14 09:41:44 · 2952 阅读 · 0 评论 -
select下拉框左右双选功能—jQuery
<div id="selectBox" class="clearfix"> <!--左边--> <div class="select_side pull-left"> <p>待选区</p> <select id="leftSel" n原创 2018-05-14 12:08:47 · 1088 阅读 · 0 评论 -
jQuery—select下拉框左右双选功能
html:<div id="d1"> <div id="title">选课</div> <div id="d3"> <table cellpadding="0" cellspacing="0"> <tbody>原创 2018-05-14 11:42:12 · 589 阅读 · 0 评论 -
javascript原生—悬浮导航栏
今天项目里有个悬浮导航条的效果,自己用原生写了个demo,分享出来供大家参考,希望多多交流。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"/> <title>悬浮导航</title> <style type=原创 2018-02-08 10:44:51 · 1428 阅读 · 0 评论 -
jQuery 轮播图 ,幻灯片
轮播图,html代码如下: 微糖资讯 > 样式文件index.css :原创 2018-02-07 16:57:42 · 312 阅读 · 0 评论 -
解决IE不支持placeholder的问题
项目中遇到placeholder不支持IE10及IE10以下的问题,试了几种方法,今天整理出来分享给大家,如果有不合适的地方,希望大家提出意见以便改正。效果如下:1.第一种办法:使用html新增的属性“data-”来实现的,实现的时候没有用placeholder这个属性,但是可以实现一样的效果。原创 2018-02-07 14:05:29 · 2109 阅读 · 0 评论