更多【jquery代码实现多选、不同分享功能_jquery】教程文章相关的互联网学习教程文章

【jquery代码实现多选、不同分享功能_jquery】教程文章相关的互联网学习教程文章

jquery简单几句代码实现星级评论效果【代码】

我前面博客写过一个星级评论的原生写法，非常复杂，今天就通过jquery来写一个简单的星级点亮的效果，来看代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.ct-star {display: inline-block;margin: 0 1px;width: 19px;height: 19px;background: url(img/stars.png) no-repeat;vertical-align: -2px;cursor: pointer;}.ic-star-off {background-position: -39px 0;}</style></head><...

jQuery代码实现图片墙自动+手动淡入淡出切换效果【图】

相关阅读： Jquery代码实现图片轮播效果（一）在网页上经常可以看到有背景图片可以自动淡入淡入切换的效果，非常漂亮，实用性也非常高。今天小编抽个时间给大家分享基于jquery代码实现图片墙自动+手动淡入淡出切换效果，一起学习吧！先给大家展示效果图，如果大家觉得还不错，请参考具体实现代码。添加一个div（class=container），设置宽度和高度，这里设置了宽800px，高450px。添加居中的定位。在div里面添加一个ul(class="img...

jQuery代码实现图片定时轮播【图】

本文给大家分享的是jQuery代码实现图片定时轮播，非常的详细，也很实用，适合jQuery的初学者，有需要的小伙伴参考下。<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script></head><style type="text/css">*{margin: 0;padding: 0;}ul{list-style: none;}.slideShow{width: 346px;height: 210px; /*其实就是图片的高度*/border: 1px #eeee...

jquery代码实现鼠标点击文字特效【图】

今天在【幻想s Blog】看到一段比较喜欢的鼠标点击文字特效JS代码，本文主要和大家介绍一个有意思的鼠标点击文字特效jquery代码,需要的朋友可以参考下，希望能帮助到大家。只需将如下JS代码放到</body>之前即可。<script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) {$("body").click(function(e) {var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法...

jquery代码实现鼠标点击文字有趣特效【图】

本文主要介绍了一个有意思的鼠标点击文字特效jquery代码,需要的朋友可以参考下，希望能激发大家的兴趣，用jQuery实现一个有趣的点击特效。今天在【幻想s Blog】看到一段比较喜欢的鼠标点击文字特效JS代码，感觉很不错就用到博客上来了！喜欢的站长也可以用一下感觉一下！只需将如下JS代码放到</body>之前即可。<script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) {$("body").clic...

JQuery与Ajax常用代码实现对比_jquery【图】

传统ajax Code 代码如下: var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject) xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); else if(window.XMLHttpRequest) xmlHttp = new XMLHttpRequest(); } function startRequest(){ createXMLHttpRequest(); xmlHttp.open("GET","14-1.aspx",true); xmlHttp.onreadystatechange = function(){ if(xmlHttp.readyState == 4 && xmlHttp.status == 200) documen...

基于JQuery的一句代码实现表格的简单筛选_jquery【图】

效果图:代码：代码如下: $(function() { $("#Text1").keyup(function() { var filterText = $(this).val(); $("# tr").not(":first").hide().filter(":contains('" + filterText + "')").show();; }).keyup(); }); JQuery代码就：代码如下: $(function() { $("#Text1").keyup(function() { var filterText = $(this).val(); $("# tr").not(":first").hide().filter(":contains('" + filterText + "')").show();;...

简短几句jquery代码的实现一个图片向上滚动切换_jquery【图】

animate()参数介绍： animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。 PS:但是如果你引用了最新jquery ui框架的话backgroudColor,color之类的属性也可以实现渐变了。 PS：使用 "+=" 或 "-=" 来创建相对动画（relative ani...

jquery简短几句代码实现给元素动态添加及获取提示信息_jquery【图】

还是要首先引用JQ框架。然后来看看效果：(连接添加不上)只能暂时看哈图片，具体效果可参见我博客左方“My Box”中的“玩游戏”：下面代码中有具体注释。再来看看代码：代码如下: 深林冰火人智商球3 船长的运输船 $(document).ready(function(){ $("#thegameBox a").mousemove(function(ev){ var _Imgsrc="http://files.jb51.net/upload/201109/20110901202741350.jpg";//这里需要将元素name设置和你的图片名字一样 v...

简单的代码实现jquery定时器_jquery

简单的代码实现jquery定时器. 今天,项目遇到一个消息的模块,在导航条最上面.想实现,当收到消息的时候能够及时的刷新,显示收到消息的条数.想了半天.想了2种方法, 1.利用struts2的Ajax标签. 2.利用jquery. struts2有点麻烦,jquery比较简单用jquery了.下面贴上代码:实现每隔3S向服务器端获取数据.然后赋值给要显示的那个dom对象里面. 代码如下: $(function(){ run(); var interval; function run(){ interval = setInterval(chat,"30...

jQuery简单几行代码实现tab切换_jquery【图】

今天突然心血来潮，想到一个很简单的方法即可达到的tab效果其实逻辑很简单，但看到网上基本上没这样写的不知道实际应用中是否会有问题呢，请大侠指教代码如下:jQuery简易选项卡 *{ margin:0; padding:0;} body, ul, li {margin:0;padding:0; } body {font:12px/1.5 Tahoma; } #outer {width:450px;margin:10px auto; } #tab {overflow:hidden;zoom:1;background:#000;border:1px solid #000; } #tab li {float:left;color:#fff;h...

jquery代码实现简单的随机图片瀑布流效果_jquery【图】

为了便于大家理解我使用了jQuery.当然用源生js代码执行的效率会高一些，但是很多人多源生js不是很熟练代码：jquery随机图片瀑布流无限加载*{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} /* container */ #container{width:940px;margin:50px auto;} #container ul{width:300px;list-style:none;float:left;margin-right:20px;} #container ul li{...

jQuery代码实现发展历程时间轴特效_jquery【图】

分享一款基于jQuery发展历程时间轴特效代码，带左右箭头，数字时间轴选项卡切换特效下载。有效果图有实现代码给大家展示如下：html代码：1900194419501971199920012011>以上代码内容就是用jQuery代码实现发展历程时间轴的全部内容，希望对大家有所帮助。

jquery代码实现多选、不同分享功能_jquery【图】

下文通过简单的代码实现此功能，并通过效果图展示给大家。一、具体实现代码代码如下:window._bd_share_config={"common":{"bdSnsKey":{}, "bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{} ,"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')...

Jquery代码实现图片轮播效果（一）_javascript技巧【图】

文章写的不好，还请各位高手指教，不废话了，先上张效果图吧看下：在线演示下载源码首先是初始化部分：将除了第一张轮播图片意外的图片都隐藏，并且隐藏向前、向后按钮，使第一个索引按钮处于激活状态。事件部分：通过jquery的hover()绑定鼠标上悬以及离开时的事件处理， jquery的bind()方法绑定鼠标点击事件处理向前、向后翻动、轮播控制：pre(), next(), play(), start()开始自动轮播，stop()停止自动轮播。下篇是一...

1
2
3
下一页
共 3 页
共 42 条