aisafang8063-CSDN博客

转载使用JS"晃动"元素

有些网站的登录表单倘若信息填写错误，除了会给出提示信息之外，还会让表单左右晃动以提示错误，觉得这个效果不错，便按照自己的思路写了个DEMO记录于此。整个流程就是：1.设置元素左右晃动的总次数2.设置元素左右晃动的偏移量范围并且左右晃动交替进行3.让元素开始晃动并记录次数，元素的移动可以利用绝对定位4.最后让元素恢复到初始位置DEMO代码<!DOCTY...

2015-05-06 22:55:00 210

转载用CSS画英文字母

起因是在网上看到了有人用纯css画出了英文字母，感觉不难，了解过css3的话都会感觉思路比较直观主要用到的css知识点：绝对定位，圆角属性以及元素的宽高均为零时边框的挤压性质效果图源代码<!DOCTYPE html><html><head> <title>CSS-Letter</titl...

2015-05-06 22:32:00 329

转载用calibre和python制作电子书---Python和Git教程

calibre - E-book management是一个很强大的电子书管理软件，可以打开和转换各种格式的电子书，可以抓取新闻到本地阅读，允许用户自定义新闻源，可以通过编写自己recipe让其将网页上的内容抓取下来并且生成电子书，利用这个功能我将廖雪峰老师的Python教程和Git教程做成了epub电子书，使用firefox的epubReader插件就可以在电脑上打开阅读了，手机在多看...

2014-12-14 18:57:00 566

转载 javascript画正弦曲线

主要运用的就是css的绝对定位，原理就是用很多的小div拼成曲线图html<div id="context"> <div id="x-coordinate"> <div id="x-arrow"></div> </div> <div id="y-coordin...

2014-12-11 20:02:00 550

转载 css制作面包屑导航

css2制作面包屑导航主要的原理就是利用绝对定位以及当元素的宽度和高度都为零时边框的挤压性质，效果图代码：<ul> <li>HTML<i></i></li> <li><em></em>CSS<i></i></li>...

2014-12-07 11:40:00 128

转载 JavaScript做的一个日历

小米手机上的日历看着不错，就用javascript试着做了一下，如图：核心内容就是三个部分，公历部分--->script.js,农历部分--->lunar.js,天气部分--->weather.js，尽管日历上加个天气好像看起来不那么恰当，但本来就是练习，就顺便写了。script.js主要在表格上填写日期信息以及绑定一些事件处理程序，基本上就是一个calen...

2014-12-03 20:00:00 175

转载操作getElementsByTagName返回的元素集合需要注意的细节

学习javascript不仔细还真不行。如题所说，当你对getElementsByTagName返回的集合中的元素执行删除节点的操作时，集合的length是会变化的，例如<div id="attachList"> <input type="file" name="img" /> <input type="file" name=...

2014-12-01 23:10:00 386

转载图片轮播效果

主要还是setTimeout定时器的使用和事件的绑定html代码 <div id="container">  <div id="list" style="left:-600px;"> <img src="imgs/5.jpg"/> ...

2014-11-06 13:11:00 88

转载 jQuery拖拽小插件

基本实现思路是利用了onmousedown,onmouseup,onmousemove三种事件和css中的绝对定位插件功能：1.设置拖拽热点2.设置被拖拽对象3.设置拖拽范围默认情况下，拖拽热点和被拖拽对象是同一个元素，拖拽范围是文档窗口jQuery代码(function($){ $.fn.drag=function(opts){ ...

2014-10-20 17:07:00 82

转载 jQuery下拉菜单

下拉菜单如果采用原生javascript制作代码比较多，但是使用jquery就大大提高了开发效率，几行代码就搞定 <div id="wrap"> <ul id="menu"> <li><a href="#">Study</a> <u...

2014-10-15 23:09:00 101

转载页面回到顶部的效果

关键词：position:fixed,scrollTop(垂直滚动条滚动的距离),onscroll事件,setInterval定时器,clearInterval清除定时器HTML代码<div id="box"></div><a id="backTop" href="javascript:"></a><!--采用a标签制...

2014-10-15 12:48:00 128

转载图片剪切效果

第一篇博文，把今天写的一个实现图片剪切效果的JS脚本发上来基本思路：　　三层结构，第一层为透明度是0.7的图片，第二层为正常的图片，第三层使用一个DIV作为选取框，采用CSS中的绝对定位进行覆盖HTML代码<div id="box"> <img id="img-1" src="imgs/cat-1.jpg"/> ...

2014-10-12 23:44:00 107

aisafang8063的博客