常用特效 - 文章分类(第4页) - Shimily

摘要：HTML:请点击此处 //点此打开弹出窗 //弹窗关闭弹出层的内容 Jquery:$(".check").click(function(){ //点击打开弹窗 $(".introduce").show(400); r... 阅读全文

posted @ 2014-08-12 15:48 Shimily 阅读(307) 评论(0) 推荐(0)

摘要：用户名：当获取焦点时，默认值消失，当失去焦点时，内容为空时，显示默认值。.username input,.userpwd input{ position:absolute; width:26%; font-size:1.2em; left:15%; margin:0; background:url(... 阅读全文

posted @ 2014-08-12 15:23 Shimily 阅读(233) 评论(0) 推荐(0)

超酷的jQuery百叶窗图片滑块实现教程

摘要：下面我们来简单解说一下实现这款jQuery百叶窗焦点图的过程和代码，代码主要由HTML、CSS以及jQuery组成，实现比较简单。HTML代码：HTML代码非常简单，一个div中列出了3张图片，这3张图片到时候我们可以制作成百叶窗的切换效果。CSS代码：#slider { position: ... 阅读全文

posted @ 2014-08-12 09:23 Shimily 阅读(192) 评论(0) 推荐(0)

★★★【加快】页面的【加载速度】，先减少图片请求★

摘要：提高网站首页的打开速度：1.先把html页面中先暂时不显示的图片中的src用v替换然后设定时间，让后面的图显示。setTimeout(function(){ $(".swiper-slide").find("img").each(function(){ $(this).attr(... 阅读全文

posted @ 2014-08-06 15:07 Shimily 阅读(207) 评论(0) 推荐(0)

js 手机横竖屏事件实现

摘要：手机横、竖屏事件--判断横屏竖屏阅读全文

posted @ 2014-07-28 10:12 Shimily 阅读(1356) 评论(0) 推荐(0)

【jquery幻灯片】 72款基于carouFredSel开发的jquery幻灯片

摘要：http://www.dglives.com/%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88/72%E6%AC%BE%E5%9F%BA%E4%BA%8Ecaroufredsel%E5%BC%80%E5%8F%91%E7%9A%84jquery%E7%89%B9%E6%95%... 阅读全文

posted @ 2014-07-22 13:47 Shimily 阅读(432) 评论(0) 推荐(0)

【图表统计】纯JavaScript图表组件 Highcharts

摘要：Highcharts是一个制作图表的纯JavaScript类库，主要特性如下：兼容性：兼容当今所有的浏览器，包括iPhone、IE（IE6，IE7，IE8等）和火狐等等；对个人用户完全免费；纯JS，无BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；跨语言：不管... 阅读全文

posted @ 2014-07-21 17:42 Shimily 阅读(198) 评论(0) 推荐(0)

css做箭头

摘要：一种简洁的方式用css来做箭头，from taobao width:0;height:0; font-size:0; line-height:0; border:4px solid transparent; /*方向border-top-color:#666;*/ 阅读全文

posted @ 2014-07-21 17:33 Shimily 阅读(141) 评论(0) 推荐(0)

【(document).height()】与【$(window).height()】【scrollTop()】

摘要：jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(do... 阅读全文

posted @ 2014-07-21 10:11 Shimily 阅读(444) 评论(0) 推荐(0)

js统制html5 【video】标签中视频的播放和停止

摘要：需求：页面中有2个普通按钮a，b。还有一个video标签，能成功播放出视频。。我想要的效果是，点击a按钮，视频开始播放，点击b按钮，视频播放停止！！！----------------------------------------------------code-------------------... 阅读全文

posted @ 2014-07-18 10:37 Shimily 阅读(38087) 评论(1) 推荐(1)

【教程】超漂亮的CSS3按钮制作教程

摘要：利用CSS3属性制作按钮，我们只需要用到Gradient属性，不用使用任何图片素材和JavaScript代码，仅仅通过CSS就能制作出好看的渐变按钮。按钮的大小可以通过CSS属性就能轻松的修改，而且它可以使用html的很多标签来制作，比如 div,button,span,a,input[‘subm... 阅读全文

posted @ 2014-07-17 09:09 Shimily 阅读(284) 评论(0) 推荐(0)

【黑边】IE下PNG透明图片fadeIn出现黑边的问题

摘要：工作上有需求，做网站首页的幻灯。图片使用的是PNG32透明图片，效果使用了jQuery的fadeIn & fadeOutfadeIn Out是使用改变opacity的值来达到淡入淡出的效果。但是这种效果在IE下这种对PNG支持存在问题的浏览器下，在淡入淡出的瞬间，图片内容的边缘就会出现一块黑色的区域... 阅读全文

posted @ 2014-06-28 23:29 Shimily 阅读(350) 评论(0) 推荐(0)

左定宽度右自适应宽度并且等高布局

摘要：今天有位朋友一早从妙味课堂转来一个有关于CSS布局的面试题，需要解决，花了点时间写了几个DEMO,放上来与大家分享受。那么我们在看DEMO之前一起先来看看这个面试题的具体要求吧：左侧固定宽，右侧自适应屏幕宽；左右两列，等高布局；左右两列要求有最小高度，例如：200px;（当内容超出200时，会自动以... 阅读全文

posted @ 2014-06-28 13:41 Shimily 阅读(215) 评论(0) 推荐(0)

【CSS命名规范】（规则）

摘要：常用的CSS命名规则头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体佈局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热... 阅读全文

posted @ 2014-06-28 11:07 Shimily 阅读(126) 评论(0) 推荐(0)

CSS命名规范

摘要：一．文件命名规范[b]样式文件命名[/b][quote]主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css [/quote][b]CSS ID 的命名[/b][quote]页头：head... 阅读全文

posted @ 2014-06-28 11:06 Shimily 阅读(194) 评论(0) 推荐(0)

Css选择器命名规则

摘要：浏览器版本：IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.356.2 dev受影响的浏览器：所有浏览器.经常讲到css选择器命名规则，其实不只是在团队合作基础上来讲这个，每个浏览器,IE产品，火狐，苹果，谷歌，都会因为命名不规范会产生不同样式..... 阅读全文

posted @ 2014-06-28 11:05 Shimily 阅读(368) 评论(0) 推荐(0)

【data-】HTML 5 的自定义 data-* 属性和jquery的data()方法的使用

摘要：http://blog.csdn.net/u010796875/article/details/35238235人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以... 阅读全文

posted @ 2014-06-28 11:03 Shimily 阅读(136) 评论(0) 推荐(0)

CSS规范命名

摘要：CSS命名对于网页的开发管理的重要性往往被人忽略，很多初学者认为，css命名没什么，就是个名字而已，随便根据自己的意愿写就行了，因为它对于网页的表现没有任何影响。可是有过网页制作和网站管理经验的人都会知道，css的命名对于网站的清晰和日后的管理很重要，初学者应该从一开始就学习和尊重这些规范，... 阅读全文

posted @ 2014-06-28 11:02 Shimily 阅读(124) 评论(0) 推荐(0)

【命名】DIV+CSS规范命名大全集合

摘要：http://www.divcss5.com/jiqiao/j4.shtml一、命名规则说明： - TOP1）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"3）、每个标签都要有开始和结束，且要有正确的层次，... 阅读全文

posted @ 2014-06-28 11:00 Shimily 阅读(148) 评论(0) 推荐(0)

fadeIn使用png透明时出现黑边 jquery

摘要：jquery fadeIn使用png透明时出现黑边JQUERY fadeIn出现黑边一般是在IE浏览器下，由于使用了PNG的图片，在PNG透明区域FADEIN的时候，IE会先用黑色渲染，解决方案如下：首先，由于之前大图使用的是IMG标签，先改成把图片当成DIV的背景图。设置好DIV的高宽，然后设置i... 阅读全文

posted @ 2014-06-27 10:08 Shimily 阅读(335) 评论(0) 推荐(0)

Shimily

学而不思则罔，思而不学则殆

文章分类 - 常用特效