文字、图片左右无缝滚动效果--支持拖拽
!DOCTYPE html html lang = zh-CN head meta charset = utf-8 title 文字、图片无缝滚动效果--广告 / title style /*公共*/ .str_wrap { overflow :hidden; width : 100% ; font-size : 12px ; line-height : 16px ; position :relative; -moz...
CSS滤镜设置图片变亮效果
!doctype html html lang = en head meta charset = UTF-8 title 图片变亮效果--滤镜 / title style .div { width : 200px ;} .div :hover img { -webkit-filter : grayscale ( 0 ); -moz-filter : grayscale ( 0 ); -ms-filter : grayscale ( 0 ); -...
H5移动端Javascript拖拽效果案例
!doctype html html head meta charset = utf-8 meta name = viewport content = width=device-width,initial-scale=1,user-scalable=no title 移动端可拖拽效果 / title style .ball { position : fixed; line-height : 2.75rem ; width : 2.75rem ;...
Javascript清除input输入框内的空格
!doctype html html lang = en head meta charset = UTF-8 title 清除输入框内的空格 / title / head body input type = text onBlur = removeSpacing(this) / script type = text/javascript function removeSpacing ( obj ) { obj.value = obj.val...
input输入框内禁止输入空格
!doctype html html lang = en head meta charset = UTF-8 title 禁止输入空格键 / title script src = http://libs.baidu.com/jquery/1.11.3/jquery.min.js / script / head body input type = text / / body script $( input ).keydown( function (...
解决ios苹果手机输入法弹框遮挡输入框
// 解决输入法遮挡----一般是 ios上 var timer = null ;$(.input).on(focus, function () {clearInterval(timer); var index = 0 ;timer = setInterval( function () { if (index 5 ) {$(body).scrollTop( 1000000 );clearInterval(timer);}index+...
网页禁止鼠标右键点击，禁止复制，禁止拖动图片
!doctype html html lang = en head meta charset = UTF-8 title 禁止右键，禁止复制，禁止拖动图片 / title / head !-- oncontextmenu=return false 禁止右键 -- !-- onselectstart=return false 禁止复制==不可以选中文字 -...
CSS有趣案例-跳动的心
!DOCTYPE html html head meta charset = utf-8 title 跳动的心 / title / head style type = text/css * { margin : 0 ; padding : 0 ;} body { /*background-color: #fa0000;*/ } .big { width : 200px ; height : 200px ; margin : 0 auto; position :...