Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery实现类似老虎机滚动抽奖效果

jQuery实现类似老虎机滚动抽奖效果

2017年02月06日 12 阅读
本文实例讲述了jQuery实现类似老虎机滚动抽奖效果。分享给大家供大家参考。具体如下：这里使用jquery实现类似老虎机的网页抽奖功能，只是一个简单的投资功能实现，还有一些地方是需要完善的，比如抽奖快结束的时候，不会自动变慢速度，哪位高手感兴趣的话可以加以完善。实现效果如下图所示：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.or...
JavaScript淡入淡出渐变简单实例

JavaScript淡入淡出渐变简单实例

2017年02月06日 13 阅读
本文实例讲述了JavaScript淡入淡出渐变的实现方法。分享给大家供大家参考。具体如下：这里介绍JavaScript淡入淡出的文字渐变例子，用js来控制div标签元素实现渐变显示，渐变隐藏，只要在那个标签里的内容，都可以淡入淡出，代码简单，便于修改完善，前端设计者必备的网页特效。运行效果如下图所示：具体代码如下：<！DOCTYPE html><head><meta http-equiv="Content-Type" cont...
jquery实现点击查看更多内容控制段落文字展开折叠效果

jquery实现点击查看更多内容控制段落文字展开折叠效果

2017年02月06日 15 阅读
本文实例讲述了jquery实现点击查看更多内容控制段落文字展开折叠效果。分享给大家供大家参考。具体如下：这里使用jQuery实现的文字展开折叠效果，点击文字后文字内容会完整的显示出来，控制段落来显示文字，不需要的时候，可以再次点击后将内容折叠起来，也就是隐藏了一部分内容。点击查看更多的功能，在很多大网站都有在用，像一些电影简介、产品介绍有时候为了页面的布局效果，常常默认是隐藏了一部分，用户想看的时候可以点击后展开。运行效果如下图所示：具体代码如下：<...
JS实现弹出浮动窗口（支持鼠标拖动和关闭）实例详解

JS实现弹出浮动窗口（支持鼠标拖动和关闭）实例详解

2017年02月06日 12 阅读
本文实例讲述了JS实现弹出浮动窗口。分享给大家供大家参考。具体如下：这里介绍的JS弹出浮动窗口，支持鼠标拖动和关闭，点击链接文字后弹出层窗口，也称作是弹出式对话框吧。关于一些参数说明：bodycontent:要在窗口中显示的内容title:窗口的标题removeable:窗口是否能拖动注意：内容窗体的高度是height-30px，请计算好要显示的内容高度和宽度。注:在火狐或chrome下效果最佳，IE8下可能有些小问题。点击此处查看运行效果：http://...
jquery实现仿新浪微博评论滚动效果

jquery实现仿新浪微博评论滚动效果

2017年02月06日 13 阅读
本文实例讲述了jquery实现仿新浪微博评论滚动效果。分享给大家供大家参考。具体如下：这里使用jquery实现评论滚动效果，仿新浪微博大厅文字滚动效果，以前有不少人膜拜的效果，现在被模仿的到处都是啦，呵呵，今天这个仍是模仿的，评论和头像一起向下滚动，最新的一条带渐变淡入淡出，无缝循环向下滚动，觉得不错的就顶下。点击此处预览效果：http://demo.jb51.net/js/2015/jquery-sina-scroll-pl-codes/运行效果如下图所...
JS实现跟随鼠标的链接文字提示框效果

JS实现跟随鼠标的链接文字提示框效果

2017年02月06日 13 阅读
本文实例讲述了JS实现跟随鼠标的链接文字提示框效果。分享给大家供大家参考。具体如下：这里使用JavaScript与CSS实现链接提示效果，不会改变你原来的链接结构，使用链接原有的title标签来实现，如果之前你使用有title标签，那你几乎只需把JS代码拷贝到你的网页中即可。你会发现，运行本效果后，鼠标在链接上移动的话，文字提示框会跟随鼠标而移动位置。运行效果如下图所示：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DT...
javascript实现鼠标放上后下边对应内容变换的效果

javascript实现鼠标放上后下边对应内容变换的效果

2017年02月06日 13 阅读
本文实例讲述了javascript实现鼠标放上后下边对应内容变换的效果。分享给大家供大家参考。具体如下：这是个网上比较常见的菜单效果，鼠标放上后相应的内容会切换，图文布局方式。技术方面，是JS和CSS相配合来实现，代码中的JS部分，你可以单独摘取出来保存成一个JS文件，然后引入到页面中，这样使主页面代码简洁些。本效果在ie、火狐等浏览器下测试正常。运行效果如下图所示：具体代码如下：<html><head><title>鼠...
PHP+jQuery+Ajax+Mysql如何实现发表心情功能

PHP+jQuery+Ajax+Mysql如何实现发表心情功能

2017年02月06日 12 阅读
实现发表心情功能通过php+jquery+ajax+mysql技术，大致流程我先给大家理下：主页index.html页面通过ajax获取心情图标及柱状图相关数据，当用户点击其中的一个心情图标时，向后台php发送请求，php对用户cookie验证（是否是首次提交），然后将数据库对应的心情字段内容加1，成功后返回前端页面，告诉首页index页面发表成功，并调整柱状图和统计数据。请看效果图：html：先看HTML，我们在index.html中放置一个#msg，用...
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例

JS实现可直接显示网页代码运行效果的HTML代码预览功能实例

2017年02月06日 13 阅读
本文实例讲述了JS实现可直接显示网页代码运行效果的HTML代码预览功能。分享给大家供大家参考。具体如下：JavaScript实现HTML代码预览功能，直接在网页上显示代码运行的效果，就例如点击“运行代码”后的效果，使用时，你只需将需要运行的HTML代码拷贝到文本框内，点击对应的功能按钮即可。运行效果如下图所示：具体代码如下：<HTML><HEAD><TITLE>直接页面显示器</TITLE><STYLE...
JS实现从网页顶部掉下弹出层效果的方法

JS实现从网页顶部掉下弹出层效果的方法

2017年02月06日 12 阅读
本文实例讲述了JS实现从网页顶部掉下弹出层效果的方法。分享给大家供大家参考。具体如下：这里介绍的JavaScript动画背景出层，实现从网页顶部掉下来的感觉，停止时还带有缓冲弹跳的意思，从上到下显示的动画弹出层，带关闭功能，没有怎么美化，喜欢的用时候息动手美化下，觉得不错。运行效果如下图所示：具体代码如下：<HTML><HEAD><TITLE>窗口从上掉下来</TITLE></HEAD><B...
JavaScript实现自动弹出窗口并自动关闭窗口的方法

JavaScript实现自动弹出窗口并自动关闭窗口的方法

2017年02月06日 12 阅读
本文实例讲述了JavaScript实现自动弹出窗口并自动关闭窗口的方法。分享给大家供大家参考。具体如下：这里介绍的JavaScript自动弹出窗口并自动关闭窗口，JS实现此特效似乎很简单，打开网页后即显示一个弹出窗口，之后会自动离开，使用了window.open和document.open（）;以及document.close（）;对象共同来实现，现在似乎用的不多了。运行效果如下图所示：具体代码如下：<HTML><HEAD><...
javascript实现3D变换的立体圆圈实例

javascript实现3D变换的立体圆圈实例

2017年02月06日 12 阅读
本文实例讲述了javascript实现3D变换的立体圆圈。分享给大家供大家参考。具体如下：这里使用javascript实现会变换的立体圆圈，在网页3D变化，变色的圆圈特效，网页上的3d圆圈特效。圆圈上的每一点的颜色并不一样，在黑色的网页背景下更能看清楚。运行效果如下图所示：具体代码如下：<html><head><title>变色的圆圈</title><style type="text/css">&...
JavaScript实现定时隐藏与显示图片的方法

JavaScript实现定时隐藏与显示图片的方法

2017年02月06日 12 阅读
本文实例讲述了JavaScript实现定时隐藏与显示图片的方法。分享给大家供大家参考。具体如下：这里使用JavaScript实现定时隐藏与显示图片，设定图片在几秒后会自动显示，也会自动隐藏，秒数这个自己去定义吧，在JavaScript代码片段内。运行效果如下图所示：具体代码如下：<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/htm...
javascript实现网页背景烟花效果的方法

javascript实现网页背景烟花效果的方法

2017年02月06日 12 阅读
本文实例讲述了javascript实现网页背景烟花效果的方法。分享给大家供大家参考。具体如下：这里的网页背景烟花爆炸特效，不用说是用Js实现的，配合黑色背景效果最好，五颜六色的烟花效果，四散的烟花效果，以前发过一些网页上的烟花特效，本款类似，但代码更简洁。运行效果如下图所示：具体代码如下：<html><head><title>背景的烟花效果</title><style type="text/css"&g...
JS实现霓虹灯文字效果的方法

JS实现霓虹灯文字效果的方法

2017年02月06日 11 阅读
本文实例讲述了JS实现霓虹灯文字效果的方法。分享给大家供大家参考。具体如下：这里使用JS实现网页上的霓虹灯文字特效代码特效，运行效果看一下，你会看到文字的颜色像霓虹灯一样，连续不停变化，五颜六色的，很炫的样子，所以就叫做霓虹文字吧，也可以叫他文字变色效果。运行效果截图如下：具体代码如下：<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR...
javascript使用输出语句实现网页特效代码

javascript使用输出语句实现网页特效代码

2017年02月06日 12 阅读
本文主要讲三个最为常用的输出语句，有alert（）弹出警示框，打印输入语句，控制台输出，具体方法请看下文，附有图片、注释非常详细。复制代码 代码如下:alert（） 弹出警示框window.alert（‘继续学习"）; 完整的写法效果如下：因为alert 属于window 对象的方法， 而 window是可以省略的所以，一般我们都是这么写 ： alert（‘欢迎大家来学习"）; //弹出警示框但是，这个啊，每次都会弹出对话框，对于一些胆小的人，会吓着人家，...
jQuery动态星级评分效果实现方法

jQuery动态星级评分效果实现方法

2017年02月06日 12 阅读
本文实例讲述了jQuery动态星级评分效果实现方法。分享给大家供大家参考。具体如下：这里的jQuery星级评分代码，是大家都很喜欢的功能，目前广泛应用，本星级评分加入了动画效果，注意，如果要真正实现星级评分，你需要动态程序配合，如ASP/PHP等，以便将评分值存入数据库。运行效果如下图所示：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www....
<< 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图