51Dev开发社区
登录 注册

#Javascript实用效果整理

【原】移动web资源整理
回顾2014年，刚转来到新的部门，非常渴望做出一个所谓的成功产品，心态几乎变了，每天都忙忙碌碌在项目中，把原来阅读和学习的习惯给忽视了，作为一个技术人员，没有通过学习新的知识来充实自己，跟进时代的步伐，是比较致命的；另外一点是运动也缺少了，感觉身体不如从前，例如工作太累，晚上容易失眠，让自己感到惶恐，想想就不开心。于是...
代码星球 ·2020-05-23

刮刮乐效果
查看DEMOhtml:<canvas></canvas>javascript部分：functionimageClip(filter){varcanvas=document.querySelector('canvas'),context=canvas.getContext('2d'),img=ne...
代码星球 ·2020-05-23

新鲜出炉的30个精美的 jQuery & CSS3 效果【附演示和教程】
 　　作为最流行的 JavaScript 开发框架，jQuery 在现在的Web开发项目中扮演着重要角色，它简化了HTML文档遍历，事件处理，动画以及Ajax交互，而 CSS3 作为CSS的下一个版本，增加了圆角、旋转、阴影等强大的特性，甚至还可以实现需要&n...
代码星球 ·2020-05-23

css3效果
1、放大图片： /*galleryImagecss*/a.galleryImage{display:block;}.galleryImageimg{transition:all.4sease-out;-webkit-transition:all.4sease-out;}.galleryImage:hoveri...
代码星球 ·2020-05-23

手机触屏触摸特效javascript-TouchSwipe（依赖于jquery库）中文说明
by 郑州seo on 2013年7月6日 in jquery, 网站建设 with 6Comments最近需要做一个手机小门户网站，因为目前主流的手机都是安卓和苹果的，他们的浏览器内核都是webkit，这就意味着手机网站是可以用html5...
代码星球 ·2020-05-23

静态页分页效果
//分页(function(){varcur=1;$(".newslistli").hide();varsize=$(".newslistli").length;varpage=Math.floor($(".newslistli").length/20)+1;for(vari=1;i<=page;i++){$("...
代码星球 ·2020-05-23

10个关于视差滚动效果的教程和插件
近些年来，用户对视觉体验的要求不断提高，而设计师们也开始在网页设计中加入各种特效元素以满足用户的需求。其中有一种特效的效果很具有吸引力，它就是视差滚动效果。视差滚动（ParallaxScrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，可以带来非常出色的视觉体验。 随着这种炫酷的效果首次在N...
代码星球 ·2020-05-23

html5shiv.js分析-读源码之javascript系列
xiaolingzi 发表于 2012-05-3123:42:29首先，我们先了解一下html5shiv.js是什么。html5shiv.js是一套实现让ie低版本等浏览器支持html5标签的解决方案。实现原理：见如何让ie低版本浏览器支持html5标签 。废话不多说，我们先上源代码，代码...
代码星球 ·2020-05-23

jQuery实现浮动层跟随页面滚动效果
 helloweba.com Author:月光光 Time:2010-11-2909:02 Tag: jquery  滚动 在本文中，我将介绍一个可以跟随页面滚动的层效果，当用户滚动鼠标滚轮或者拖动浏览器滚动条时，浮动层将跟随滚动。我通过...
代码星球 ·2020-05-23

css3 图片 悬停效果
纯css实现 <!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/&...
代码星球 ·2020-05-23

图片缓冲效果
缓冲图片loading.gif：  需缓冲图片js引用： <scripttype="text/javascript"src="jquery-1.9.1.min.js"></script><scripttype="text/javascript"src="jqu...
代码星球 ·2020-05-23

图片触及翻转效果 css3
实现图片由左向右飞入回到最初设定位置，鼠标浮上去旋转显示另一张图片效果；html:   <!DOCTYPEHTML><html><head><metahttp-equiv="content-type"content="text/html";char...
代码星球 ·2020-05-23

图片鼠标移动缓慢运动效果
$(function(){$(".parallax-true").each(function(){varb=$(this),c=b.attr("data-direction");if(c==="horizontal_mouse"||c==="vertical_mouse"||c==="both_axis_mouse")...
代码星球 ·2020-05-23

css3动画效果
css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate旋转：（rotate）[css]viewplaincopy-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);tr...
代码星球 ·2020-05-23

javascript IOS 微信jssdk {"errMsg":"config:fail"} 解决方案
javascriptIOS微信jssdk{"errMsg":"config:fail"}解决方案如果安卓分享成功 这种情况就是参数类型问题wx.config里面的参数全部强制转化成字符串就好了  ...
代码星球 ·2020-05-23
首页上一页...106107108109110...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他