Javascript实用效果整理主题的文章列表，还有Javascript实用效果整理的技术要点_第113页

java代码中fastjson生成字符串和解析字符串的方法和javascript文件中字符串和json数组之间的转换方法

1.java代码中fastjson生成字符串和解析字符串的方法List<TemplateFull>templateFulls=newArrayList<TemplateFull>();JSONArrayjsonArr=newJSONArray();jsonArr.addAll(templateF...

代码星球 ·2020-05-23

js弹窗效果实现

1.首先准备好要弹出的内容,一般用ajax向后台请求数据,组装成html:主页:a.html,含有div:<divclass="cms-windowcms-window-otherzadd-windowsalePrd-window"></div>副页:b.html把副页展示在div标签上2.数据...

代码星球 ·2020-05-23

background-size属性的几个实用的值

先来看w3c的background-size的几个值： background-size:cover; 把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。 background-size:contain; ...

代码星球 ·2020-05-23

用jQuery实现旋转木马效果(带前后按钮和索引按钮)

项目中要用到旋转木马效果，一共5张图片轮播，并且点击对应的索引按钮能切换到对应的图片。本效果实在jquery.carousel.js插件的基础上做了一些改进，以实现上述需求。效果图如下：代码：HTML：<!doctypehtml><htmllang="zh"><head><me...

代码星球 ·2020-05-23

用jQuery制作仿网易云课堂导航菜单效果

最近做项目，用到类似的效果。效果图如下：直接上代码：HTML:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title></title><linkrel="styleshee...

代码星球 ·2020-05-23

jQuery的slicebox插件实现3D翻转轮播效果

最近做项目，banner要实现立体的翻转效果，通过搜索，发现了jQuery的一款插件，能够很好的实现该效果，这里就记录一下。效果图如下：使用方法：1.在html中引入必要的js和css文件：<!DOCTYPEhtml><htmllang="en"><head><title>...

代码星球 ·2020-05-23

jQuery仿3D旋转木马效果插件(带索引按钮)

项目中需要用到旋转木马效果，但是我在网上找的插件，基本都是不带按钮或者只是带前后按钮的，而项目要求的是带索引按钮，也就是说有3张图片轮播，对应的要有3个小按钮，点击按钮，对应的图片位于中间位置。于是就在jQuery的一款插件jquery.carousel.js的基础上进行了一些改进，不足的是，固定就是3张图片。代码：h...

代码星球 ·2020-05-23

用jquery实现平滑的页面滚动效果

通过几句jquery代码实现页面平滑滚动到某一锚点的效果。实现代码来源于https://css-tricks.com/snippets/jquery/smooth-scrolling实现的jquery代码如下：$('a[href*="#"]:not([href="#"])').click(function(){if(l...

代码星球 ·2020-05-23

jQuery全屏滚动插件fullPage.js使用中遇到的问题(滑动轮播效果无效)

1.fullPage.js是什么? fullPage.js是一个基于jQuery,用来制作全屏网站的插件。2.兼容性： -jquery兼容：兼容jQuery1.7+ -浏览器兼容：IE8+，Chrome，FireFox3.问题： &...

代码星球 ·2020-05-23

只用css3实现菜单的toggle效果

一、原理: 使用label与input来实现，label和复选框是有关联的,label的for属性对应的是input的id,所以点击label时,它就会勾选或取消复选框。如果我们需要让菜单默认显示,只需要将input的checked属性设为true即可。 &nbs...

代码星球 ·2020-05-23

jquery横向手风琴效果

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>jquery横向手风琴效果</title><style>.solution-item{position:rel...

代码星球 ·2020-05-23

用jQuery实现搜索框的过滤效果

遇到的问题:1.动态添加了某些元素,在动态添加的某个元素上绑定事件失效原因:因为需要绑定的元素的直接父元素也是动态添加的解决:向上为上一级父元素绑定事件$(".check-box").on('click','i',function(){//在check-value上动态添加无效,因为check-value也是动态添加上...

代码星球 ·2020-05-23

用Javascript实现图片的缓慢缩放效果

1<body>23<divstyle="width:400px;margin:0auto">4<imgsrc="./wolf.jpg"id="image"/><br/>...

代码星球 ·2020-05-23

JavaScript数据类型

#JavaScript数据类型##一、原始数据类型Javascript一共有5种原始类型：Undefined、Null、Boolean、Number、String.*typeof运算符:判断其后面跟的参数是何种原始类型e.g.typeoftrue--返回boolean注意:typeofnull--返回的是object,...

代码星球 ·2020-05-23

整理mp4协议重点，将协议读薄

MP4实际代表的含义是MPEG-4Part14。它只是MPEG标准中的14部分。它主要参考ISO/IEC标准来制定的。MP4主要作用是可以实现快进快放，边下载边播放的效果。他是基于MOV，然后发展成自己相关的格式内容。然后和MP4相关的文件还有：3GP，M4V这两种格式。MP4的格式稍微比FLV复杂一些，它是通过嵌的方...

代码星球 ·2020-05-23