特效集锦
若水印象
不积硅步无以至千里_QQ_407593529
展开
-
JS复制粘贴另存代码
function Preview(obj) { var TestWin=open(''); TestWin.document.write(obj.value); } function copyCode(obj) { var rng = document.body.createTextRange(); rng.moveToElementText(o原创 2012-02-25 12:54:29 · 968 阅读 · 0 评论 -
阴影效果CSS收藏+按钮鼠标移上缓慢变色代码
box-shadow: 0 6px 8px rgba(0,0,0,.2);.auth-form input[type=submit] { background: #0295ff; border: 1px solid #0295ff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radi原创 2017-08-21 09:54:51 · 3766 阅读 · 0 评论 -
JQ 点击表单信息后编辑数据库信息
<script>$(function(){ //更改状态 $("input[name*='jifen_']").blur(function(){ var url = new Object(); url.str = $(this).val(); url.id = $(this).parent().parent().attr("_dat原创 2017-08-02 17:31:20 · 750 阅读 · 0 评论 -
鼠标移上图片缓慢上移
.footPart1 img{ transition: all .5s;}.footPart1 :hover img{ transform: translateY(-5px);}原创 2017-08-02 16:03:24 · 2186 阅读 · 0 评论 -
网页嵌入视频背景(mp4当作banner)
网页视频背景原创 2017-05-24 13:22:43 · 18607 阅读 · 3 评论 -
jq利用 animate和mouseenter 做出一些渐变效果
如上图所示,鼠标以上时候缓慢变化增加文字说明 以下为HTML和CSS以及JS代码$(document).ready(function(){ $(".common_list li").mouseenter(function(){ $(this).find(".list_cover").stop().animate({opacity: "0.8"}); $(this).find原创 2016-06-09 10:56:10 · 1360 阅读 · 0 评论 -
jq 点击LI其他LI隐藏[类似选项卡,但是不是所有隐藏而是部分隐藏]
如五个li,其中第3,4个有一个样式 xuanxiu,当点击3的时候4隐藏,但是1235是显示的原创 2015-12-29 13:13:31 · 7096 阅读 · 0 评论 -
CSS实现最后一个li样式不一样
#news .newsmore{ display:block; margin-top: 0; cursor: pointer; border-bottom:1px solid #E0E0E0;}#news .newsmore:last-child {border-bottom: 0;}原创 2014-05-09 13:40:01 · 9137 阅读 · 0 评论 -
jquery 内部链接 点击缓慢跳转到对应ID
平滑跳转到底部:滑到底部 平滑回到顶部:回到顶部链接 jquery:$("转载 2014-03-27 15:23:21 · 2413 阅读 · 0 评论 -
网站固定底部菜单(DIV+CSS)
固定在页面底部 html, body, div { margin:0; padding:0; border:0; font-size:100%; background:transparent; }body { background:#f2f2f2; font:12px 宋体, Verdana, Tahoma, Lucida Grande, Arial, sans-serif;原创 2014-01-25 10:04:11 · 2693 阅读 · 0 评论 -
30款jQuery常用网页焦点图banner图片切换 下载
1、jquery 图片滚动特效制作 slide 图片类似窗帘式图片滚动 查看演示 2、jquery幻灯片插件带滚动条的圆形立体图片旋转滚动 查看演示 3、jQuery图片层叠旋转类似洗牌翻转图片幻灯片 查看演示 4、jQuery iNav插件图片分类导航选项卡切换图片滚动列表原创 2013-08-28 13:17:31 · 5324 阅读 · 0 评论 -
常用的二级导航样式
<!-- *{margin:0;padding:0;border:0;} body { font-family: arial, 宋体, serif; font-size:12px; } #nav { line-height: 24px; list-style-type: none; background:#666; } #nav a { display: block; widt原创 2012-02-25 13:36:36 · 1060 阅读 · 0 评论 -
下拉滑动门
下拉滚动门 body{ margin:10px; padding:10px; } body,td,div,span,li{ font-size:12px; } .title01,.title02{ color:#fff; font-weight:bold; } #DoorP{ border:12px solid #eee; width:150px; heigh原创 2012-02-25 13:46:32 · 1656 阅读 · 0 评论 -
JQ模糊匹配(类似百度搜索等)
CSS代码<style type="text/css"> #div_txt { position: relative; width: 200px; margin: 0 auto; margin-top: 40px; } #txt1原创 2017-08-23 09:10:00 · 4037 阅读 · 0 评论