JQ的.val()获取不到用户输入值的特殊情况处理
在学习js和jq，无意今天翻看自己网站的js，发现还有一个问题没解决，就是采取ajax后搜索路径不对的，一直都是显示一个错误的地址，因为自己在本站搜索用得少，也没有造成js错误，只是对不上号而已也就没理了。这也算是一个比较奇葩的问题吧，可能就只有我一个人遇到~，在一个带有默认值的input输入框中， <input name="s" class="s" type="text" onblur="if (this.value ...
CSS3制作相片堆叠的效果
以下是程序代码 div[class*='stack'] { float: left; position: relative; margin: 50px; } div[class*='stack'], div[class*='stack']:before, div[class*='stack']:after { border: 6px solid #fff; height: 200px; width: 200px; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); box-shadow: 2px 2px 5px rgba(0,0,0,0...
利用CSS3伪类做3D按钮
#container_buttons{cursor:pointer;} .a_demo_three { margin-right: 20px; background-color:#3bb3e0; font-family: 'Open Sans', sans-serif; font-size:12px; text-decoration:none; color:#fff; position:relative; padding:10px 20px; border-left:solid 1px #2ab7ec; margin-left:35px; background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,...
JS打字机效果代码
js代码为正在打出的内容，把代码里面的汉字修改成自己想要输出的文字即可，如看不到内容，请点击这里 刷新页面 var mtimer; var index=1; var length=0; var words; var delay=80; $(function(){ words='js代码为正在输出的内容，把代码里面的汉字修改成自己想要输出的文字即可，<script type="text/javascript">var mtimer;var index=1;var length=0;var words;var d...
返回顶部和底部代码
var qiuyeHandler={ Animate:true, //是否允许动态效果 Speed:500, //执行时间 Top:function(){ if(qiuyeHandler.Animate==true) $("body,html").animate({ "scrollTop": 0 }, qiuyeHandler.Speed); else $("body,html").scrollTop()=0; }, Botton:function(){ var bodyHeight=$(document).height(); if(qiuyeHandler.Animate==true) $("body,html").animate({ "scrollTop"...
CSS3阴影打造发光的3D字体
html代码如下： <div style="background:#000;height: 500px;line-height: 130px;"> <p class="text-shadow">秋叶网络博客</p> <p class="text-shadow2">秋叶网络博客</p> <p class="text-shadow3">秋叶网络博客</p> <div class="box-shadow"></div> </div> css代码如下： .text-shadow{font-size: 120px !imp...
和我一起学习CSS3动画属性
之前分享的一篇文章《用Html5造频谱播放的巅峰视觉盛宴 》，我们知道html5可以生成如同flash的动画，可是别忘了html5还有一个搭档css3，如同html5一样，css3也是前沿技术，一样可以做出各式各样的动画，借助渐变的属性我们可以让其从某个状态变为另一个状态，期间的渐变效果就产生了动画，那么css3有哪些动画属性呢？跟随我的脚步，睁大你的眼睛，一起来学习一下吧。 CSS3中...
CSS3书签卷角阴影效果
css3的出现让网页设计更增添了活生活色，其中可以利用css3的阴影属性制作各种各样别具一格的立体效果，更增添了视觉的美感，比如下图的框架就使用了css3的阴影属性以及伪类做成了下边的边角微微翘起的效果，看上去很具有立体效果，比如说要使一个id为dew的框架具备这种效果，参考的css3样式为： #dew{margin:0 auto;width:900px;border: 1px solid #F5F9F6;min-height:600p...
CSS3与JS打造可视化音乐频谱图
点击方块播放音乐，如果不行的话点击这里 刷新页面 .contentWrapper { width: 800px; margin: 0 auto; font-size: 22px; font-weight: 200; } .experiment { float: left; margin: 10px; } .area { position: relative; background: #f8f8f8; background: -webkit-linear-gradient(#f0f0f0, #f8f8f8); background: -moz-linear-gradient(#f0f0f0, #f8f8f8); background: -ms...
JS实现控制HTML5背景音乐播放暂停
实现控制网站背景音乐的播放暂停在html5中是非常容易和简单的，仅仅几行代码即可实现。 首先在网页中嵌入背景音乐，html5代码为： <script src="http://resource.netblog.site/jquery.js"></script> <a class="mscBtn" id="audioBtn" title='最幸福的人' style="cursor:pointer;"></a> <audio id="bgMusic" src="http://media.netblog.site/zui...
