css3打造不间断旋转的光盘封面

css3打造不间断旋转的光盘封面
近日在去一些博友的博客访问的时候,发现不少的博客都有一些轻音乐,当我再次进入的时候,音乐CD会自动的播放,给人一种相对轻松的感觉,而令我最感兴趣的则是这个音乐CD是怎么做成的,以前我只看到过在酷狗等软件上面有自动不间断旋转的光盘,而又如何将这个不间断的光盘放到网上呢,给我第一眼的感觉就是 CSS 3 制作的。 然后就去各种的 GG,想要找到制作的方法,首先让我困惑的是,这个不间断旋转的光盘...

HTML DOM setInterval() 方法

HTML DOM setInterval() 方法
这两天在设计一个前端 app,用到不少的美工 html 以及 js,今天有这样的一个需求,就是在 html 页面进行一个函数的调用,实现以指定时间来调用某个函数或者某个功能,而且这个是实时进行调用的,也可以说是不断的进行调用,这是个笨方法了,其 ajax 方法还没研究通透,在 html 里面使用不了 php 的语句,只能使用 html 里面可以实现的方法了,最终夏日博客选定了 html dom setinterval() 方法来进行解决这...

js中的preventDefault与stopPropagation详解

js中的preventDefault与stopPropagation详解
这两天在使用 js 做网页事件效果,所以温习了不少的 js 基础知识,今天在使用 js 做前一步与后一步事件的时候,接解到了 preventDefault与stopPropagation 两个方法,现在对于这两个方法还不是太了解,只能GG了,想要理解,最主要的看来还是动手亲自操作了,直接进行运行,对于专业美工来说,这可能就是最基础的了,以前想要做 js 效果的时候,都是直接从网上下载的,真要是自己手动写事件,可还真是难上加...

js调试工具Console命令详解

js调试工具Console命令详解
每种语言都有其自己的调试命令,asp 语言有,php 语言也有,在 php 中也称为打印语句,可以很方便的发现自己语法的错误以及及时的进行调整,而在我们美工的前台,js 也有其自己的调试工具,可以很方便的帮助自己观察语法的动态,只要合理的使用这些调试命令,就会很容易的发现自己语法中的小 bug,对于提高代码写作有很大的帮助,之前不太善于使用调试工具,一个小问题可能要花费很大的精力去琢磨。。 一、...

js中substr,substring,indexOf,lastIndexOf的用法小结

js中substr,substring,indexOf,lastIndexOf的用法小结
js 中有许多优秀的函数,比如 substr,跟 PHP 中的截取函数用法是一样的,还有 substring,indexOf,lastIndexOf 等,合理使用这些函数,可以提高网站开发的效率,尤其在和 PHP 的结合使用之后,就更好了,在 php 中也提供了大量的函数,只是在前台要使用一些效果的时候,就需要 js 的配合了,今天温习了几个 JS 函数的用法,这里夏日博客做个小结。 js中substr,substring,indexOf,lastIndexOf等的用法 1.sub...

JS截取字符串常用方法详细整理

JS截取字符串常用方法详细整理
js截取字符串有多种方法,今天在做一个截取日期的一个实例,需要进行 js 的截取,本来想要使用 php 来直接进行截取的,不过这个日期是实时显示的,只能使用 js 来进行截取了,查阅了一下 js 截取字符串的函数,原来有多种方法可以实现,现夏日博客整理如下,可以根据自己的需求使用相应的 js 函数,我这里是把日期保存成了数组格式,然后再进行 JS 的截取。。 使用 substring()或者slice() 函数:split() ...

CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)

CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)
随着CSS3的发展,CSS已经可以做出许多炫利的效果了,之前在夏日博客的文章中,介绍了CSS制作三角形,正方形,长方形等,除了做这些形状还可以做许多炫利的效果,之前只要做图片就一定会在PS里面先做出形状来,这样就需要加载图片,这样不如直接用CSS来加载的效率快一些,而且有些图片上面嵌入文字,简单的文字也可以在CSS里面设计出来,所以能用CSS的尽可能使用CSS来实现。 border-radius:用这个属性能实...

用jQuery与JSONP轻松解决跨域访问的问题

用jQuery与JSONP轻松解决跨域访问的问题
又到了学习 jquery 的时间了,今天遇到了 jquery 与 jsonp 跨域访问的问题,如果没有 jquery 的话,跨域访问还是有些难度的,对于 jquery 与 json 进行一个结合使用,效率上还是有所提高,也更简单了些,不过实例的代码还是挺让人头疼的,貌似也多了一点 ajax 的意思在里面。 好在,有jquery帮忙,跨域问题似乎没那么难缠了.这次也借此机会对跨域问题来给刨根问底,结合实际的开发项目,查阅了相关资料,算是解...

jQuery事件 delegate()使用方法介绍

jQuery事件 delegate()使用方法介绍
随着 jquery 的发展,其效率已经远远的把使用单纯的 javascrip 甩在了最后面,而且 jquery 网上的素材是越来越多了,jquery 的技术实际上也包含了 javascrip 在内的,只不过是将其给整合了而已,在 jquery 里面,也提供了许多的函数,利用这些函数可以更好的帮助我们去实际多炫利的效果,我是比较喜欢从网上下载 jquery 的轮播图片,对于兼容浏览器方向,有很好的支持,夏日博客在研究了下载的素材时,接触...

HTML复选框和单选框 checkbox和radio事件介绍

HTML复选框和单选框 checkbox和radio事件介绍
checkbox 和 radio 是 html 中常用的表单项,在做投票系统或者是其它有多选或单项项目系统时,checkbox 和 radio 就更不可缺少了,有时候在提交一些数据的时候,需要在本页面进行判断,如果错误则提示错误,而不需要传入到 php 执行页面去执行判断,这就需要使用 checkbox 和 radio 的事件了。 checkbox 和 radio的事件选择一度让我很迷惑,开始以我对js的理解,我觉得change事件应该是最合理的,可惜啊ie下...

java list用法示例详解

java list用法示例详解
在前一篇的文章中,已经介绍了 javascript 的数组增删改查的常用操作,使用的是 javascript splice() 函数,已经可以很好的进行数组的操作了,而如果在原数组中进行数组的增加,则使用 splice 有点累赘了,今天又在 w3 中找到 list 的函数,感觉更简单一点,下面是关于 java list 的用法示例,刚开始学习的童鞋可以参考一下。 java中可变数组的原理就是不断的创建新的数组,将原数组加到新的数组中,下文对j...

体验js中splice()的强大(插入、删除或替换数组的元素)

体验js中splice()的强大(插入、删除或替换数组的元素)
一直在使用 php 的数组功能,今天在做一个表单数组的时候,需要使用 js 来进行数组的增删改查,因为之前在做美工的时候一直是从网上下载的 js 代码,这一下子就把我给难住了,实际上 js 和 php 都一样,js 里面也提供了强大的数组操作函数,在 w3 的网站里面,终于找到了 splice() 这个函数,对于操作 js 数组比较简单,当然,还有实例演示,这里找到的一个简单的实例。 javascript splice()算是最强大的了...

Photoshop CS4 CS5 CS6永久序列号全面整理

Photoshop CS4 CS5 CS6永久序列号全面整理
在下载了一个最新版的 ps6之后,发现其安装还要序列号,只可惜安装包里却没有带,这跟之前安装老版的是一个流程,都需要其序列号,这个时候习惯性的从百度里面搜索了一下,原来共享的序列号太多了,下面是夏日博客共享的一些关于 ps cs4,ps cs5,ps cs6 的序列号,在我们安装新版之后,输入这个序列号就可以正常使用了,实际上关于 photoshop 最新的软件,网上已经有许多破解版,精简绿色版,都是不用安装...

jquery eval使用心得以及注意点

jquery eval使用心得以及注意点
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:使用eval()函数、使用Function对象来进行返回解析,下面有个示例,感兴趣的朋友可以参考下. 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval函数来解析,并且使用jquery的each方法来遍历 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式...

href=javascript:void(0)与href=#有什么区别

href=javascript:void(0)与href=#有什么区别
今天在做锚点链接的时候,用到了#字符号,我们知道,只要给网页链接添加一个#符号的链接,默认的是链接到本页面页面,而如果使用使用 id=1,锚点链接也添加1的话,就会链接到当页面id=1的位置,这样就形成了页面某个位置的链接了,想要到达某个位置就很方便了,在群里在的童鞋说使用 javascript:void(0)来实现锚点链接,不过我查了下,貌似并不能实现,或者说比较麻烦点了吧,这两者还是有一定的区别的,下...

android压力测试命令monkey详解

android压力测试命令monkey详解
android 系统已经风靡全球了,在手机上面的应用太广泛了,android 系统应用的开发越发显得重要了,在开发手机应用的时候,也一直在了解 android 系统,自己的第一个手机应用接口也是在 android 系统上面进行开发的,对 android 的学习目前也是一知半解,网上的教程也很多,有点学乱的感觉,许多有用的材料都需要去国外的英文网站上面去查询,要么就上 GG 去查询,国内优秀的论坛少之又少,今天又学到一个 a...

js replace 与replaceall实例用法详解

js replace 与replaceall实例用法详解
一直在使用 php 的替换函数,今天偶尔要用到 js 替换的函数,在 js 中替换的功能可以用多种方法来实现,当然也集成了多种的函数,这点跟 PHP 差不多,每一个函数的作用都有微秒的区别,只要利用好了,就会在其速度效率上有所提升了,我们比较不陌生的就是 js replace 和 replaceall 这两个了,这也是比较简单通用的两个 JS 函数,今天在学习时顺便将这两个函数的参语语法等都记录下来以备查用。 stringObj....

CSS3的Border-radius轻松制作圆角

CSS3的Border-radius轻松制作圆角
前面系统总结了CSS3中Gradient和RGBA的用法,今天我们在一起来看看CSS3中制作圆角的属性border-radius的具体用法。在CSS2中,大家都碰到过圆角的制作。当时,对于圆角的制作,我们都需要使用多张圆角图片做为背景,分别应用到每个角上,我应用最多的就是在需要圆角的元素标签中加四个空标签,然后在每个空标签中应用一个圆角的背景位置,然后在对这几个应用了圆角的标签进行定位到相应的位置,具体实现过程...

javascript的console.log()用法小结

javascript的console.log()用法小结
console.log 原先是 Firefox 的“专利”,严格说是安装了 Firebugs 之后的 Firefox 所独有的调试“绝招”。 这一招,IE8 学会了,不过用起来比 Firebugs 麻烦,只有在开启调试窗口(F12)的时候,console.log 才能出结果,不然就报错。 今天看到 Opera 也有个叫 dragonfly 的东东,用这东西查看 DOM,已经可以和 Firebug 媲美,然而还是不能用 console.log。于是有人就提供了这样两句代码: window.console&nb...

JS利用正则配合replace替换指定字符

JS利用正则配合replace替换指定字符
替换指定字符的方法有很多,在本文为大家详细介绍下,JS利用正则配合replace是如何做到的,喜欢的朋友可以参考下. 定义和用法: replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。 语法: stringObject.replace(regexp,replacement) 参数  描述 regexp 必需。规定了要替换的模式的 RegExp 对象。请注意,如果该值是一个字符串,则将它作为要检索的直接量文本...