简单拖曵原理实例 来拖动我啊 Read More
转载 2013-07-26 19:19:00
124阅读
最终效果:<!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="C
转载 2023-01-03 15:02:06
105阅读
使用原生js实现简单动画效果实现动画效果可以用jQuery提供animate方法,或一些插件来实现,但是随着前端组件化开发流行, jQuery大量DOM操作已经显得十分多余,正在逐渐从前端技术栈中被淘汰,下面我们使用原生js实现简单匀速动画效果和缓动效果匀速动画实现水平移动 css样式<style> #box { width: 100px
#drag { width:473px; height:337px; background-color:#D4BFFF;}    <script> $("#drag").anyDrag() </script>  <div id="dr
原创 2012-02-15 09:20:59
3026阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html&nbs
原创 2012-02-10 09:31:11
692阅读
在一个网页中一个table里添加几张图片,用js实现图片切换效果。 做法如下: 再HTML中设置一个table <table width="535" height="215" border="0" cellpadding="0" cellspacing="0">  
转载 2010-08-30 22:25:33
8520阅读
1点赞
1评论
用了两种方法:第一种是用jquery,下载一个 jquery-1.7.1.js就好,另一种方法是通过myAnimation.js  嵌入js路径可能不一样,需要自己调一下。// myAnimation.js Tween = { Linear : function(initPos, targetPos, currentCount, count) { var b = init
原创 2023-02-22 09:21:06
102阅读
拖拽是前端实现中比较常用一种效果, HTML5 提供了较为强大拖拽 API 支持,今天我们来实现一个简单拖拽效果
原创 2023-09-01 23:59:34
71阅读
[code="html"] Music Trival var resultbg = null; var resultImg = null; var okbtn = null; var isHideResult = false; function loadUI() { resultbg ...
原创 2023-02-22 09:21:10
42阅读
简单图片轮换js实现
原创 2015-06-10 19:06:22
1316阅读
jQuery是一种基于JavaScript库快速、小型而且特别丰富JavaScript库。它极大地简化了HTML文档遍历和操作、事件处理、
原创 2023-10-31 12:02:03
118阅读
     最近CTO给我分配了一个移动端H5开发任务,主要功能是需要实现翻书效果,我听过主要需求后,当时是呀!!!接下来自己尝试使用fullPage.js和Swiper来实现翻书效果,结果效果都不是非常理想,后来想起自己曾经做过PC版翻书效果,当时使用是Turn.js ,查过其相关API后,整个人突然豁然开朗呀,使用Turn.js 完全可以解决当前我
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <title>Document</title> <meta name="viewport" content="width=device-width,initial
介绍一个不错jquery插件-cluetip我们在做web项目的时候,经常会使用到提示效果。html自带提示效果是label标签title,但是这个效果过于简单和难看
双十一剁手节过去了,大家应该在很多网页中看到了数字翻牌效果吧,比如倒计时、数字增长等。相信很多人都已经自己独立实现过了,我也在网上看了一些demo,发现HTML结构大多比较复杂,用了4个并列标签来放置前后两个“牌”。本文就来讲解下,如何进一步精简HTML,让结构简单,让JS方法封装得易使用。先来看看最终效果:每个翻牌HTML结构(精简至2个并列标签):<div class="flip
前提:   你必须了解js闭包(否则你看不懂滴)    我们就来做一个js实现jq animate动画效果简单探索一下,js动画实现简单原理;    html代码 <div id="man" style="background:gray; height:1px; width:100%;"> </div&
转载 2023-06-06 20:00:50
239阅读
哈哈, 我又来啦, 在这一段时间里, 我简单学习了一下javascript(JS), 虽然不是很懂啦, 但是我也简单尝试着做了点小东西, 就比如现在流行瀑布流效果, 经过我努力终于成功完成了, 虽然中间非常坎坷, 并不是一帆风顺但是最终我还是实现了个简单效果, 下面就为大家简单
转载 2021-08-17 16:33:17
199阅读
很多页面都需要用到界面轮播,但是用原生js相对来说比较复杂,用jQuery实现效果比较迅速,写个简单demo 1、首先在HTML页面要放置轮播图案位置插入div,这里写了轮播图片数量为3张,所以定义了三个<li>作为轮播button<div id= "container"> <p class="ImgList" style="backgro
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css">*{margin:0;padding:0;}ul{position:absolute;left:100px;width:500px;height:1
原创 2020-02-28 08:38:22
385阅读
jQuery语言特点1、快速获取文档元素jQuery选择机制构建于Css选择器,它提供了快速查询DOM文档中元素能力,而且大大强化了JavaScript中获取页面元素方式。2、提供漂亮页面动态效果jQuery中内置了一系列动画效果,可以开发出非常漂亮网页,许多网站都使用jQuery内置效果,比如淡入淡出、元素移除等动态特效。4.创建AJAX无刷新网页AJAX是异步JavaSc
  • 1
  • 2
  • 3
  • 4
  • 5