html
Coding_Boy36
android开发工程师
展开
-
jquery 获取和修改img src路径
获取: 复制代码代码如下:$("#imgId")[0].src; 修改: 复制代码代码如下:$("#imgId").attr('src',path);原创 2017-07-12 09:47:05 · 15290 阅读 · 0 评论 -
html 获取input 获取和失去焦点事件
$(document).ready(function(){ $("input").focus(function(){ //console.log("sssssssssssss") if(cardType==0){ var regIdNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; ...原创 2019-08-13 16:55:23 · 4395 阅读 · 0 评论 -
weex 修改input明文暗文
template> div class="wrapper" > div class="bg_div"> image :src="bgUrl" class="bg_img" >image> div> div class="logo_div"> image :src="headUrl" class="logo_img" >image>原创 2017-09-20 14:54:51 · 2438 阅读 · 0 评论 -
bootstrap 实现模态框
page contentType="text/html;charset=UTF-8" language="java" %>taglib prefix="s" uri="/struts-tags" %>HTML>html lang="zh-CN">head>meta charset="utf-8">meta name="format-detection" content="telepho原创 2017-07-13 18:16:49 · 599 阅读 · 0 评论 -
通过layer实现可输入的模态框
page contentType="text/html;charset=UTF-8" language="java" %>taglib prefix="s" uri="/struts-tags" %>HTML>html lang="zh-CN">head>meta charset="utf-8">meta name="format-detection" content="telepho原创 2017-07-13 18:14:46 · 4493 阅读 · 0 评论 -
CSS 面包屑导航栏
做之前,先看一下效果图。demo01.png首先,书写好 HTML 代码。 div id="crumbs"> ul> li>a href="#">Homea>li> ul> div>这里我们先以一个 li 标签为例。 #crumbs ul{ list-style: no转载 2017-07-13 15:09:16 · 1144 阅读 · 0 评论 -
简单的导航分页效果
body>div class="wrap" > ul> li class="section checked"> page1li> li class="section"> page2li> ul>div>div> div class="page page1"> 这是第一个分页 div> div class="page p原创 2017-07-13 12:03:47 · 449 阅读 · 0 评论 -
js实现div内图片自适应大小 并裁剪
主要用js来重新计算图片的大小,window.onload=function(){ changeImgSize(); } function changeImgSize(){ var getContainer=document.getElementById('imgcontainer');//父元素div var g原创 2017-07-13 09:45:00 · 6047 阅读 · 0 评论 -
自定义 input type=file样式
这里采用 span标签嵌套input标签,因为div标签在ie里有问题,具体参考该文章:http://www.cnblogs.com/kongxianghai/p/5624785.html里面很详细,代码如下:style> .fileinput-button { position: relative; display: i转载 2017-07-12 17:39:36 · 1543 阅读 · 0 评论 -
鼠标悬停显示图片
/*img{border:0}/* css 注释说明:设置图片边框为0 */body{behavior:url("csshover.htc");text-align:center;}/* css注释说明:兼容ie6 支持标签使用hover */.divcss5{ position:relative;width:554px; height:346px;margin:0 auto;border-r原创 2017-07-12 16:59:58 · 6245 阅读 · 0 评论 -
DIV CSS鼠标经过悬停在图片上时图片上方显示文字
纯div+css实现第一张图片没有文字内容,鼠标悬停时出现第二张图那样效果使用div css实现鼠标悬停图片上方时显示文字内容原理:首先我们设置一个盒子对象,并且将图片使用style标签内设置为CSS背景图片,同时设置该对象html a超链接display:none隐藏,该超链接锚文本内放好文字内容,最后设置鼠标悬停经过整个对象时候显示超链接内容。需要注意是,我们使用了css转载 2017-07-12 11:48:46 · 18355 阅读 · 0 评论 -
自定义checkbox和点击效果
ul class="queChildList"> li> p class="quesword">span id="1" class="checkbox1 cb-default1">客户洞察span>p> li> li> p class="quesword">span id="2" class="checkbox1 cb-default1原创 2017-07-12 11:02:07 · 831 阅读 · 0 评论 -
jQuery 动态设置radio 默认值
$("input[type='radio'][name='radio1'][value='2']").attr("checked",true);原创 2019-08-13 18:03:54 · 4300 阅读 · 0 评论