JQ_One()函数特效

先看一个例子,当点击 p 元素时,增加该元素的文本大小,代码如下:<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script><p id="keleyione" style="border:solid 1px silver">柯乐义 http…

Css3 出来之后,能够说是替代了Flash,通过使用Html5和Css3的完美结合.就能够做出不论什么你想得到的特效,这里不再阐述... 近期在做一个喝水签到的功能.在想签到成功之后,签到框能够模拟被水充满的效果.如图 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">…

Qt 鼠标样式特效探索样例（一）——利用时间器调用QWidget.move()函数

Qt 鼠标样式特效探索样例(一) 心血来潮,突然想在Qt里玩一把鼠标样式,想到在浏览网页时,经常看到漂亮的鼠标动画,于是今天摸索着乱写个粗糙的demo,来满足自己的好奇心. 效果图方案要点 1.不管用什么控件,显示动画需要的4张星星图,大小依次递减. 2.记录鼠标移动坐标,分时.分段让星星控件响应move移动到对应轨迹. 3.移动坐标数据量大,不必每一个值都使其成为星星控件的移动轨迹. 4.星星控件起始坐标注意劈开鼠标焦点坐标,否则用户无法点击窗体控…

Delphi使用Windows API函数AnimateWindow实现窗体特效

{**********************************************************************API函数 AnimateWindow 使用:函数功能:窗体显示和隐藏时产生特殊的动画效果:可以产生两种类型的动画效果: 滚动动画和滑动动画函数原型:BOOL AnimateWindow(HWND hWnd, DWORD dwTime, DWORD dwFlags)参数说明:hWnd 指定产生动画效果的窗体的句柄: …

网站特效离不开脚本，javascript是最常用的脚本语言，我们归纳一下常用的基础函数和语法：

转载自网络,非原创 1.输出语句:document.write(""); 2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)6.…

jQuery 抖动特效函数封装

用自定义getElementByClassName函数做“查看更多”的特效

<!DOCTYPE html> <html> <head> <title>查看更多</title> <meta charset="utf-8"> <style type="text/css"> button { display:block; } a { margin-top:60px; text-decoration:none; color:#2D5A87; display:bloc…

透过HT for Web 3D看动画Easing函数本质

http://www.hightopo.com/guide/guide/plugin/form/examples/example_easing.html 50年前的这个月诞生了BASIC这门计算机语言,回想起自己喜欢上图形界面这行,还得归功于当年在win98下用QBASIC照葫芦画瓢敲了一段绘制奥运五环的代码,当带色彩的奥运五环呈现在自己面前时我已知道自己这辈子要走的路了.在这个忘本逐新的年代不见多少媒体提及这影响了几代人的BASIC语言的50年庆了. 如今消费者对用户体验的高要求,以远不能以静…

使用Cocos2d-x实现微信“天天爱消除”炫耀button特效

引言Cocos2d-x引擎中有很多Action,这样可以方便的让开发者调用相应的Action去完成一些动作,例如:移动,弹跳,淡入淡出等.可在实际的开发过程中,由于游戏的需要,显然地,引擎自带的Action是完全不够用的,很多时候都需要我们自己去写.今天我就来分享一个让精灵和粒子绕着圆角矩形运动的实例,细讲一下实现过程(仅凭个人想法实现,如有其他更好的方法,欢迎交流分享). 效果该实例类似天天爱消除等系列游戏中的按钮特效: 实现方法刚开始本来考虑自己定义一条圆角矩形的路径,即建一个自己的动作模块…

jQuery基础的工厂函数以及定时器的经典案例

1. jQuery的基本信息: 1.1 定义: jQuery是JavaScript的程序库之一,它是JavaScript对象和实用函数的封装, 1.2 作用: 许多使用JavaScript能实现的交互特效,使用jQuery都能完美地实现,下面通过五个用途来更多的了解. 1.2.1 访问和操作DOM元素 1.2.2 制作页面样式 1.2.3 对页面时间的处理 1.2.4 方便地使用jQuery插件 1.2.5 与Ajax的完美结合 1.3 优势: 想必有人就会问了:为什么人们会更多的选择jQue…

Javascript学习记录——原生JS实现旋转木马特效

昨天学习到了JS特效部分,然后老师讲了旋转木马特效的实现,如上图.不过只是讲了通过点击箭头实现图片的切换,对于点击图片本身以及二者联动却是没有讲解. 本着一颗追求完美的心,今天花费了一个中午终于将整个功能全部完善(死了太多脑细胞~~). 接下来直接进入主题哈~(主要讲解JS,所以对其中的HTML及CSS不做详细说明.) 首先是HTML代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset…

android UI 仿 win 8 模块化标题，并实现可长按拖动交换图片位置、可点击，且伴随动画特效

转载请声明出处,谢谢!http://www.cnblogs.com/linguanh/ 先上效果图,给大家个直观效果,后上实现代码: -> ->-> ok,现在简单说下我上面的图片被做了什么操作,长按“休闲场所”,然后代码实现震动,告诉用户,现在可以移动了,然后我把它和“海滨沿岸” 互换位置,注意此时的图片是半透明的,这些都是自定义特效,可以任意改. 代码来了: 这里我先给出,布局文件不含(ViewPager),这个根据个人修改的. <?xml version=&quo…

用CSS3动画特效实现弹窗效果

提示:如果大家觉得本篇实现的弹窗效果有用,可持续关注.接下会添加更多效果并且封装成插件,这样使用就方便了.效果查看: https://heavis.github.io/hidialog/index.html CSS3特殊效果 CSS3为用户添加了三个特殊效果的处理方式:过渡.动画.变化.当用户和界面元素交互时,使用这些特殊样式可大大改善用户的体验效果.这些效果直接由浏览器引擎处理,可以节省开销.尽管如此,它们也会耗费大量的处理能力,尤其是一些复杂的WEB页面上.即使是最基本的效果,也是如此.本篇…

bootstrap-简单实用的垂直手风琴滑动菜单列表特效

前端: <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-…

仿原生app，native特效

为解决手机端wap项目中页面跳转响应慢的问题,基于jquery开发了fr.routeApp.js,使得wap项目拥有原生app的流畅,跳转时亦有native的特效 html部分  <div class="fr-contain" fr-…

100多个基础常用JS函数和语法集合大全

网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById…

canvas画布属性globalAlpha 和 createRadialGradient函数出现的设置问题

今天用canvas做了一个页面特效,呼呼,在做的过程中发现createRadialGradient 和 globalAlpha这2个属性一起使用导入不能实现透明度问题,首先把createRadialGradient设置属性总结一下: createRadialGradient() : 创建一条放射颜色渐变. 参数: xStart:开始圆的圆心的x坐标 yStart: 开始圆的圆心的Y坐标 radiusStart: 开始圆的半径 xEnd: 结束圆的圆心的x坐标 yEnd: 结束圆的圆心的Y坐标…

Web设计师值得收藏的10个jQuery特效

jQuery已经不是什么新鲜的事儿,以前总把它认为是非常难的东西,也就没有认真去了解他了.直到学完CSS的大部分内容,才开始接触这种"write less, do more" 的Javascrīpt框架.这篇文章的最重要内容是来自Web Designer Wall的一篇教程,一篇包含了10个jQuery特效的教程.这里不打算全文翻译,想以自己的语言来表达,或许这样更方便大家理解/自己以后学习,也可能更准确地描述. 先试试看?特效实例: View jQuery Demos:http://…

onload事件-----addLoadEvent函数

在给网页加一些特效时经常要在<body>中加入“onload”事件,即在网页加载完后执行某事件,例如:<body onload=”alert(‘欢迎光临!')”,但这样做有个大的缺陷,事件会在网页完全下载完后才会执行,包括网页中的图片或Flash等,如果网页中的图片比较大或有很多图,可能还没等网页完全下载完网友已经点击链接到其它网页去了,这样这个事件就没有执行了.另外在某些特殊情况下可能还修改不了网页的body参数.如在别人网站发表文章时,或用CMS整站系统时. 这时我们会想到用“win…

什么是setTimeout函数和setInterval函数?

我们一般在浏览网页的时候,一般都会有图片轮播等,一些比较好玩的特效,接下来我就给大家讲讲这俩个函数! 一setTimeout函数和setInterval函数的语法以及应用 1.setTimeout函数定义和用法:setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式. 语法:setTimeout(code,millisec); 参数: code (必需):要调用的函数后要执行的 JavaScript 代码串. millisec(必需):在执行代码前需等待的毫秒数. 提示: s…

[转]显卡帝揭秘3D游戏画质特效

显卡帝揭秘3D游戏画质特效近几年来,大量采用最新技术制作的大型3D游戏让大部分玩家都享受到了前所未有的游戏画质体验,同时在显卡硬件方面的技术革新也日新月异.对于经常玩游戏的玩家来说,可能对游戏画质提升有种不知不觉之感,而对于那些前些年经常玩游戏,现在突然又来玩新游戏的玩家来说,估计会度现在的游戏画质赞不绝口甚至惊呼“不可思议”.不过有一个现象我们不得不承认:游戏画质的设定选项越来越丰富了,同时玩家也对这些“乱花渐欲迷人眼”的游戏画质特效有点摸不着头脑了.所以今天显卡帝就来为您详细解读3D游戏特…

Dojo特效（翻译）

http://dojotoolkit.org/documentation/tutorials/1.10/effects/index.html In this tutorial, we will explore the effects that Dojo provides, which allow us to jazz up your page or application! 在本教程中,我们会探索dojo提供的特效功能,这可以使我们的Web页面或应用更加生动活泼. Getting Started…

jQuery动画特效笔记

show().hide().fadeIn().fadeOut().slideDown.slideUp.slideToggle()都接受可选的时长和回调参数(选项对象参数). toggle(duration,callback) toggle(condition)传入true和不带参数调用show()是一样的,传入false则和不带参数调用hide()是一样的. fadeTo()会将元素的当前opacity值变化的目标值,第一参数必须是时长,第二参数是opacity目标值,第三参数是回调函数. 时长…

类似 Google Tips 页面的卡片式提示和翻转特效

这款 jQuery 插件用于实现类似 Google Tips 页面的卡片式提示和翻转的交互特效.你可以根据自己的需要定制动画效果参数,定义回调函数来控制行为.因为使用了 CSS3,所以只支持 Chrome.Firefox.和 Safari 等现代浏览器. 您可能感兴趣的相关文章 2013年最受欢迎的10篇前端开发博文 35个让人惊讶的 CSS3 动画效果演示 8个惊艳的 HTML5 和 JavaScript 特效 2014年最值得关注的网页设计流行趋势小伙伴们惊呆了!8个超炫的 Web 效果…

JavaScript实战（原生range和自定义特效）

今天我又码了两个特效:一个是用原生input[type=range]的,另一个完全自定义的:下面是完整代码和演示: #tip{ position: absolute; top: 30px; left: 0; right: 0; width: 200px; height: 160px; margin: auto; border: 1px solid gray; background-color: cornsilk; } #tip div{ position: relative; width: 10…

JavaScript实战-菜单特效

以下是我自己用原生JS写的各种菜单特效,虽然网上一搜一大堆,但我还是喜欢自己来写一写! 这是上一篇:JavaScript实战(带收放动画效果的导航菜单) 下面是经过优化后的完整代码,优化了CSS样式.简化事件函数.减少HTML层级,删了至少20行以上的冗余代码如果各位前辈有好的建议,记得一定留下你的宝贵意见! window.onload = function() { //========伸缩动画菜单 var ul = document.getElementById('ul'); if(ul.a…

有时候就是看不进论文-jQuery动画特效篇&MySQL

hi 早上知道新的乱斗模式后,没忍住开了几把,然后就无心论文了...用这个来破吧 1.jQuery -----动画特效----- ----调用show()和hide()方法显示和隐藏元素 show()和hide()方法用于显示或隐藏页面中的元素,它的调用格式分别为: $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值,可为“slow”.“fast”或毫秒数值,可选项参数…

三、jQuery--jQuery基础--jQuery基础课程--第7章 jQuery 动画特效

1.调用show()和hide()方法显示和隐藏元素 show()和hide()方法用于显示或隐藏页面中的元素,它的调用格式分别为:$(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值,可为“slow”.“fast”或毫秒数值,可选项参数callback为隐藏或显示动作执行完成后调用的函数名. 例如,在页面中,通过点击“显示”和“隐藏”两个按钮来控制图片元素的显示或隐藏状…

jQuery实现无限加载瀑布流特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

Js文字特效—文字段逐个变色循环

自己用来练习的,附上详细注释,如果有和我一样喜欢并想要学习Dom特效创作的朋友,推荐先系统了解Javascript中Html Dom Object部分的内容,包括常用方法及属性. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文字段逐个变色循环特效</title> </head> <body> <a href=&…