![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
特效集合
陆康永
是时候开始明确自己写博客是为了什么,以前搞不懂,感觉挺浪费时间的,而且自己的水平写出了的博客可参考价值也不大,权当给以后的自己一个了解过去自己的机会,避免继续踩坑。
展开
-
居中缩放 弹出居中层
#main{width:200px;height:200px;position: fixed;background:red;overflow: hidden;} #close{width:30px;height:30px;position: absolute;top:1px;right:1px;cursor:pointer;line-height: 30px;text-align原创 2014-10-29 15:24:55 · 667 阅读 · 0 评论 -
元素抖动 数组和 索引的妙用
img{width:100px;margin:100px;position: absolute;left:100px;top:100px;} window.onload=function() { function getStyle(obj,attr) {原创 2014-10-26 16:59:13 · 614 阅读 · 0 评论 -
字符串是否有非数字判断 charCodeAt()的使用
//detectNum("123456") detectNum("123a456") function detectNum(str) { var n=0; for(var i=0;i { n=str.charCodeAt(i)原创 2014-10-26 17:22:13 · 1075 阅读 · 0 评论 -
split 字符串的剪切 彩色文字效果
#div1{width:300px;height:300px;border:1px #000 solid;} span{padding:5px 10px;font-size: 14px;color:blue;} window.onload=function() { var oDiv=docume原创 2014-10-26 19:35:59 · 547 阅读 · 0 评论 -
split 和join的使用 模仿关键词高亮显示 替换
p{width:600px;height:auto;background:darkgray;} span{background:yellow;} 阿茂妙味课堂走过去拿起话筒一听,是乡下的堂弟打来的长途:“听说月霞侄妙味课堂女要结婚了,到时候别忘了通知我们前来喝两杯哪!”阿茂听了心想:究妙味课堂竟是谁向他透露了风声? 八成是月霞那疯丫头!喝两原创 2014-10-26 20:06:01 · 860 阅读 · 0 评论 -
操作 iframe里面 的dom元素
JS操作iframe里的dom body{ margin:0; padding:0; } #wIframeA,#wIframeB{ width:400px; height:400px;转载 2014-10-27 14:35:11 · 4859 阅读 · 0 评论 -
jQ animate队列动画
ul{list-style:none;margin: 0;padding:0;width:100px;height:auto;} li{width:100px;height:30px;background:red;margin-top:10px;position:relative;right:0;} span{position: absolute;width:4原创 2014-10-29 11:39:23 · 1898 阅读 · 0 评论 -
仿滚动条
#div1{width:30px;height:500px;background:black;position: absolute;left:10px;top:10px;} #div2{width:30px;height:30px;background:red;position:absolute;left:0;top:0;} #div3{width:500px;原创 2014-10-29 13:35:16 · 716 阅读 · 0 评论 -
联级下来菜单
window.onload=function() { var s1=new Sel("div1"); s1.add("0",["1","2","3"]);//第一级 s1.add("0_0",["1_1","1_2","1_3"]); //第二集 s1.add(原创 2015-03-23 23:57:10 · 714 阅读 · 0 评论 -
简单瀑布流
jquery随机图片瀑布流无限加载 *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} /* container */原创 2015-03-23 10:37:27 · 795 阅读 · 0 评论 -
简易版的suppleSlide 求助 如何简介代码
/** * Created by Administrator on 2015/2/9. */function XmSlide(){ this.defaults={//默认参数 delay:0, type:"slide", effect:"fade", iNow:0, autoPlay原创 2015-02-11 14:26:06 · 1368 阅读 · 1 评论 -
前端工程师发展目标
小漠的发展目标深刻理解Web标准;精通图像处理及代码编辑工具;精通Web前端跨平台开发技术(XHTML、XML、CSS、Javascript等);及时了解业界前瞻信息及应用,并有浓厚的兴趣和深入的见解;对HTML5、CSS3方面有实际的理解和实践经验;对互联网产品性能优化有研究并有相关实践经验;熟悉搜索引擎优化,有相关的实原创 2014-11-04 11:33:47 · 3808 阅读 · 0 评论 -
拖拽
*{margin:0;padding:0;} #box{width:200px;height:200px;position:absolute;left:300px;top:100px;background:darkslategray;box-shadow:5px 5px 10px #000;font-size:30px;text-align:center;line-height:原创 2014-10-29 13:34:03 · 529 阅读 · 0 评论 -
实现图片分割---产生多个div分割图片 使用for和二维数组来设置背景定位
生成多个div 动态改div添加背景 鼠标经过的时候 div显示 实现上色的效果 不过还能拓展很多东西,希望 大家可以多多指导 如果有开发新的效果 还望指导原创 2014-10-25 16:46:17 · 2049 阅读 · 0 评论