Welcome 微信登录

首页 / 脚本样式 / JavaScript

js+css实现文字散开重组动画特效代码分享

js+css实现文字散开重组动画特效代码分享

2017年02月06日 12 阅读
文字散开重组动画这款特效我们可以在输入框中指定任意文字，点击确定按钮后，就会将原先的文字爆炸散去，新的文字以像素点的形式组合起来，看起来非常棒。 运行效果图：这是输入HAPPY后安按钮后效果，当然可以随便输文字好酷的特效，连中文都支持，看如下图：为大家分享的文字散开重组动画特效代码如下<html><head><meta charset="UTF-8"><title>文字散开重组动画特效</title&g...
JavaScript 常见安全漏洞和自动化检测技术

JavaScript 常见安全漏洞和自动化检测技术

2017年02月06日 12 阅读
前言随着 Web2.0 的发展以及 Ajax 框架的普及，富客户端 Web 应用（Rich Internet Applications，RIA）日益增多，越来越多的逻辑已经开始从服务器端转移至客户端，这些逻辑通常都是使用 JavaScript 语言所编写。但遗憾的是，目前开发人员普遍不太关注 JavaScript 代码的安全性。据 IBM X-Force 2011 年中期趋势报告揭示，世界五百强的网站及常见知名网站中有 40% 存在 JavaScript ...
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果

Javascript仿新浪游戏频道鼠标悬停显示子菜单效果

2017年02月06日 13 阅读
本文实例讲述了Javascript仿新浪游戏频道鼠标悬停显示子菜单效果，分享给大家供大家参考。具体如下：这里演示使用JS实现的网页栏目分类菜单，从新浪游戏频道扣下来的，操作方式类似于滑动门的效果，鼠标无需点击，只需把鼠标放在一级主菜单上，就可显示出二级分类菜单，这弹出的这个二级菜单中，实际上又重新进行了分类，可以说整体上，这是一款支持三级分类的网站菜单，目前新浪游戏还在用的效果哦。先来看运行效果截图：在线演示地址如下：http://demo.jb51.ne...
js实现点击切换TAB标签实例

js实现点击切换TAB标签实例

2017年02月06日 12 阅读
本文实例讲述了js实现点击切换TAB标签。分享给大家供大家参考。具体如下：这里演示的选项卡效果代码，无jq,纯JS来实现，灰色风格，没有怎么美化，或许看上去比较普通，不过兼容性和操作起来挺舒服的，风格适用于大部分的网站，或许你会用得上。先来看看运行效果截图：在线演示地址如下：http://demo.jb51.net/js/2015/js-tab-click-cha-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC "-/...
jQuery实现向下滑出的平滑下拉菜单效果

jQuery实现向下滑出的平滑下拉菜单效果

2017年02月06日 12 阅读
本文实例讲述了jQuery实现向下滑出的平滑下拉菜单效果。分享给大家供大家参考。具体如下：这里演示的jQuery向下滑出的下拉平滑菜单，可添加多个菜单选项，修改起来比较灵活的下滑菜单，颜色风格自己可修改，不多介绍了，感兴趣的运行一下代码看效果。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-xlph-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3...
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例

jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例

2017年02月06日 12 阅读
本文实例讲述了jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果。分享给大家供大家参考。具体如下：这是一款核心基于jquery的多级导航菜单特效，横向向右依次展开菜单项，当然本菜单并不是完美的，因此没有怎么美化，另外包括子菜单的上级菜单中缺少一个菜单标记，这样用户有时候不知道哪个菜单中含有下级子菜单。不过添加这样一个标记似乎挺简单，你可以自己动手添加吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/j...
jQuery实现点击后标记当前菜单位置（背景高亮菜单）效果

jQuery实现点击后标记当前菜单位置（背景高亮菜单）效果

2017年02月06日 12 阅读
本文实例讲述了jQuery实现点击后标记当前菜单位置（背景高亮菜单）效果。分享给大家供大家参考。具体如下：这是一款jquery菜单特效，点击后高亮背景，个性的菜单特效。网上见到比较多的菜单了，不过像这样这么简单的方法来实现却不多见，本菜单整体简洁，点击导航栏上的任意菜单项后，该菜单项的背景变成黑色，并且鼠标移走后，仍然固定保持黑色，记住了菜单的位置。运行效果如下图所示：在线演示地址如下：http://demo.jb51.net/js/2015/jquery...
jQuery实现向下滑出的二级菜单效果实例

jQuery实现向下滑出的二级菜单效果实例

2017年02月06日 12 阅读
本文实例讲述了jQuery实现向下滑出的二级菜单效果。分享给大家供大家参考。具体如下：这里用jQuery实现向下滑出的二级菜单代码，滑出菜单，鼠标放在主菜单的任意一项上，就会向下滑出二级的子菜单。当然本代码只是一个演示，有些菜单是随便弄的，经过测试，兼容IE8、火狐和Chrome等浏览器，有兴趣的你可以自己试下。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-down-show-2menu-sty...
jquery实现很酷的网页顶部图标下拉菜单效果

jquery实现很酷的网页顶部图标下拉菜单效果

2017年02月06日 12 阅读
本文实例讲述了jquery实现很酷的网页顶部图标下拉菜单效果。分享给大家供大家参考。具体如下：兼容IE和火狐的顶部菜单栏，带图标的图文菜单，还有右上角的下拉导航效果，一个演示包括了两种菜单，都是很实用的效果，只使用了jquery就实现了。如果你的网站上此前用有jquery插件，那么整合起来就更方便了，点击运行可预览菜单效果。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-web-top-ico-s...
jquery实现点击向下展开菜单项（伸缩导航）效果

jquery实现点击向下展开菜单项（伸缩导航）效果

2017年02月06日 13 阅读
本文实例讲述了jquery实现点击向下展开菜单项（伸缩导航）效果。分享给大家供大家参考。具体如下：这里演示基于jquery打造的向下展开的多级导航条效果，纵向垂直排列，风格非常的简洁，鼠标点击时候展开菜单的二级项，再次点击的时候又向上合拢，平时只显示一级菜单，二级菜单是隐藏不显示的，代码简洁，包括了完整的JS、css和jquery部分。运行效果如下图所示：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-show-h...
JS实现网页顶部向下滑出的全国城市切换导航效果

JS实现网页顶部向下滑出的全国城市切换导航效果

2017年02月06日 12 阅读
本文实例讲述了JS实现网页顶部向下滑出的全国城市切换导航效果。分享给大家供大家参考。具体如下：这是一款JS版网页顶部向下滑出的城市切换导航，仿sohu团购网页顶部的城市导航切换，从顶部向下滑出，方便在其他城市之间切换。使用了sohu网原版的一个JS封装插件来实现，目前只是为了演示，所以全国城市不全，使用者自己添加吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-web-scroll-city-cha-s...
js实现的二级横向菜单条实例

js实现的二级横向菜单条实例

2017年02月06日 12 阅读
本文实例讲述了js实现的二级横向菜单条。分享给大家供大家参考。具体如下：这是一款十分清新的多级网页菜单，类似滑动门的操作风格，鼠标放上后，相应的二级菜单会显示出来，我觉得挺漂亮的，适合许多网站使用，不相信么？点击“运行代码”看效果吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-2row-nav-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DT...
jquery+css实现的红色线条横向二级菜单效果

jquery+css实现的红色线条横向二级菜单效果

2017年02月06日 12 阅读
本文实例讲述了jquery+css实现的红色线条横向二级菜单效果。分享给大家供大家参考。具体如下：这是一款带导航的菜单，当前是哪一项菜单，会很个性的显示出来，鼠标放上后会显示菜单缺口，挺有意思的吧，希望大家喜欢。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-css-red-color-2row-nav-style-codes/具体代码如下：<！DOCTYPE html PUBLIC "-/...
javascript中Array（）数组函数详解

javascript中Array（）数组函数详解

2017年02月06日 13 阅读
在程序语言中数组的重要性不言而喻，JavaScript中数组也是最常使用的对象之一，数组是值的有序集合，由于弱类型的原因，JavaScript中数组十分灵活、强大，不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素，JavaScript在同一个数组中可以存放多种类型的元素，而且是长度也是可以动态调整的，可以随着数据增加或减少自动对数组长度做更改。Array（）是一个用来构建数组的内建构造器函数。数组主要由如下三种创建方式：array = ne...
纯HTML5制作围住神经猫游戏-附源码下载

纯HTML5制作围住神经猫游戏-附源码下载

2017年02月06日 12 阅读
HTML5围住神经猫游戏网页版是一款基于HTML5、jquery、Typescript等技术制作的围住神经猫游戏。先给大家附上演示和源码下载，点击这里 查看演示 下载源码去年风靡微信朋友圈的小游戏“围住神经猫”，我也试着做了一下。游戏是用Egret引擎开发的，因为Egret是用Typescript语言构建的，因此这里游戏也是用Typescript来开发的。游戏规则：点击画面上的灰色格子，慢慢将神经猫围起来抓住。如果猫到达游戏区边缘则游戏失败。准备素材在网上...
jquery ajax 如何向jsp提交表单数据

jquery ajax 如何向jsp提交表单数据

2017年02月06日 13 阅读
AJAX越来越火了，作为一个WEB程序开发者要是不会这个感觉就要落伍，甚至有可能在求职的时候屡被淘汰。我也是一个WEB程序开发者，当然我也要 “随波逐流”一把，不然饭碗不保啊！之前实现AJAX使用Javascript脚本一个一个敲出来的，很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了，当然除了 Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式，一是url参数提交数据，二是...
基于jquery实现人物头像跟随鼠标转动

基于jquery实现人物头像跟随鼠标转动

2017年02月06日 12 阅读
一款非常乖巧的人物头像跟随鼠标转动效果，在浏览器屏幕内，人物脸庞始终面向鼠标转动。其实现原理即同一张图片上作出人物上下左右不同面向的效果，利用JS调用背景图片的位置，以此实现人物“转脸”的jquery特效效果。先给大家展示效果图，需要的朋友可以下载源码效果演示源码下载具体实现过程不多说了，直接给大家贴代码了。代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt...
微信JSSDK上传图片

微信JSSDK上传图片

2017年02月06日 12 阅读
前不久微信公开了一些接口，其中有一个uploadImage接口用于上传图片，一般和chooseImage接口配合使用。先调用chooseImage接口让用户选择一张或者多张图片，用户选择完毕后微信会返回被选中图片的id，再把图片id传给uploadImage接口上传图片。最近做的一个项目，刚好用到了JSSDK，把用到的东西整理下。先附上微信开发者文档链接：微信开发者文档主要用到了：引入JS文件在需要调用JS接口的页面引入如下JS文件，（支持https）：h...
<< 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图