随笔分类 - 前端技术
摘要：由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上Radio1.获取选中值，三种方法都可以：$('input:radio:checked').val()；$("input[type='radio']:checked").val();$("input[name='rd']:checked").val();2.设置第一个Radio为选中值：$('input:radio:first').attr('checked', 'c
阅读全文
摘要：Javascript网页打印大全普通打印（整页打） 打印网页内部分内容（自定义） 打印去掉/添加页眉页脚 使用外部控件/方法实现多功能打印 打印背景以上为代码控制设置“页面设置”实现打印参数设置（Window系统图文版）一、普通打印（整页打）这个不用多说，直接用引用:window.print();二、打印网页内部分内容（自定义）分三种方法实现1、用css控制引用:@media print.a {display:block}.b {display:hidden}把你不想打印的部分class设为b首先在网页中添加：引用:<OBJECT id="WebBrowser" he
阅读全文
摘要：今天偶尔发现个国外的网站，已经开发了很多个漂亮的客户端控件，有树形，grid,toolbar等。样式挺好看的。关键是遵循GPL协议。http://dhtmlx.com/docs/products/dhtmlxTree/有时间研究下，有兴趣的同学，可以跟我一起研究，搞个中文版本的，为中国搞技术的提供点福利。呵呵。
阅读全文
摘要：xxx.aspx.cs在后来生成一串html标签，赋值到页面的一个容器里。在前台写js脚本，获得动态标签。请注意，js脚本一定要写在<form>标签底部，并且在<form>里。
阅读全文
摘要：我搜集了2种方法：1种为写直接写jQuery方法，效果如下：代码如下：View Code <!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-Typ
阅读全文
摘要：之前的文章向大家分享了实现网站功能的各种优秀的jQuery 插件，今天这篇文章向大家推荐10款基于jQuery 的图片360度旋转插件，同时还有非常详细的制作教程可以学习和参考。图片旋转展示是一种非常有趣的技术，通过把多张图片合并在一起让你可以实现360度浏览，这种效果常用于旅游网站或者酒店网站，用于展示风景或者房间的内景。360/3D Spin & Zoom JavaScript Player功能非常强大的一款插件，支持缩放，360度旋转，全屏浏览等等，特别适合用于产品图片展示。在线演示源码下载360 Degrees Product View兼容性非常好的一款360度产品展示插件，除
阅读全文
摘要：模拟title实现效果，可以修改文字的样式，换行等。文件下载：先看下效果截图：代码分析： <!-- 引用jQuery --> <script src="jquery.js" type="text/javascript"></script><style type="text/css">body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-h
阅读全文
摘要：效果是模拟这个：http://killingthemsoftlymovie.com/?section=photos直接上代码吧，不多解释了，jquery 控制图片隐藏和显示。下载！！原文首发：138国际资讯网！
阅读全文
摘要：jquery特效制作用标题当按钮控制图片窗帘式滚动实现幻灯片效果。感觉这个效果太好了，做相册绝对完美！下载的时候提示积分不足，我非常不喜欢下载需要积分这个玩意儿，没办法先弄点积分再说。下载完毕后再免费分享给大家。下载！
阅读全文
摘要：摘要：程序员和Web设计师可以利用jQuery的诸多特性开发设计出许多光彩夺目的网站，当然这也取决于设计师们自己的创造力。 下面收集了39个开发者们最爱的jQuery应用以及教程，快来试试，让你的页面炫起来！1.Contextual Slideout：上下文滑动特效2.Revealing Photo Slider：图片幻灯片特效3.Fancy Box：魔幻盒4.Scrollable：滚动特效5.Flip：翻转特效,实现4个方向旋转6.Smart tooltips：智能提示7.Slide tab box：幻灯片选项卡8.Tabbed Interface/Tabbed Structure Menu
阅读全文
摘要：使用JavaScript可以做出一些引人注目的动画效果，但通常不太容易实现。本文为你整理了10个非常优秀的JavaScript动画框架，使用它们你可以轻松实现动画效果。1. RaphaëlRaphaël是一个小型JavaScript库，用于简化你的Web矢量图形工作。如果你想创建独特的图表或图形的裁剪和旋转部件，你可以使用这个简单方便的库来实现。源码 + 演示2. Processing.js该框架主要针对不想使用Flash或Java applets进行图片编程以及Web交互的开发者。Processing.js使用JavaScript在HTML5的Canvas元素上绘制形状以
阅读全文
摘要：今天在修整博客侧栏信息时，利用到了Tab选项卡方式，因为ZBlog封装的是JQuery库，所以很自然地就想到了IdTabs。顺便也找来了不少优秀的Tab选项卡实例，在这里与大家分享一下。当然，最终我没有用到IdTabs以及如下任何一个实例，我只是很不服气的自己写了个小插件，尚不完善，就不于此共享了。先来看看老外们出色的基于JQuery的各式Tab选项卡吧：NEW. KandyTabs 基于标准模式的万能选项卡有了这个选项卡插件，以下的6个基本可以另作考虑了。如果你只需要简单的应用，可以直接看第7个。毫不夸张！KandyTabs选项卡以HTML标准及用户体验为指导思想，顺便美其名曰有利于SEO，
阅读全文
摘要：怎么设定div 使他只能在限定宽度内显示，如果超出宽度而不显示。比如说这个http://www.zbhome.cn/edu/tx/qq/kj/2006-11-13/200.html图片超出宽度了，使得左边的变大 而使整个布局乱掉了1、在css中加入一句img {max-width: 450px;width:expression(this.width > 450 ? "450px":this.width);/*如果图片大小超过450则自动按比例缩小到450*/vertical-align:bottom;border:none;/*上半句是图片下沉，后面是无边框。常用*/
阅读全文
摘要：Tab选项卡是个时髦的界面应用效果，目前在网站中的应用越来越广泛，好处不用多说，最直接的就是节省了网站的版块面积。所以在大型的门户网站里，这个应用已经滥掉了。但是不同的开发人员，写出来的选项卡运行代码也各不相同，不敢说谁的是最好，最简单的。但今天，我这个没有JS基础的门外汉，要带给大家的是，基于JQuery1.4的Tab选项卡，如果不考究代码的阅读方便以及运行效率，确实是一行就能搞定的哦。当然，在这之前，大伙可以先去观摩现有的比较完善的6个出色的基于JQuery的Tab选项卡实例。废话不多说，快来看看能简单到什么程度吧，先给出HMTL代码：<div><b>标题1<
阅读全文
摘要：<div id="bannerdv"><div id="bannerpic"><a href="#"><img src="images/banner_1.jpg" style="text-align:center" /></a><a href="#"><img src="images/banner_2.jpg" style="text-align:center"
阅读全文
摘要：面向对象里，我们经常这么使用：调用一个类里面的方法，还可以传递参数过去。jquery也是面向对象语言的设计模式。我们同样可以调用一个元素的方法，并且传递参数进去。这里我使用trigger方法。详细信息如下：trigger(type)在每一个匹配的元素上触发某类事件。返回值:jQuery参数:type (String): 要触发的事件类型示例:$("p").trigger("click")1.trigger() 触发事件 这个方法是jQuery 1.3中新增的一个引起触发事件的函数。 这里的事件就如jQuery的帮助文档中的事件那一栏，如：click, m
阅读全文
摘要：$('#headcheck').click(function() { //alert($(this).attr('checked')); //怎么点都是undefined //alert($(this).checked); //同样怎么点都是undefined //alert($(this).is(':checked'));//正确方法 $('#data input[name="ids"]').attr('checked', $(this).is(':checked'));});
阅读全文
摘要：jquery cookie需要脚本文件如下：jQuery.cookie = function(name, value, options) {if (typeof value != 'undefined') { options = options || {}; if (value === null) { value = ''; options = $.extend({}, options); options.expires = -1; } var expires = ''; if (options.expires && (typeo
阅读全文
摘要：获取Select ： 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex; 设置select: 设置select 选中的索引： $("#ddlRegType ").get(0).selectedIndex=index;
阅读全文
摘要：http://www.gmarwaha.com/jquery/jcarousellite/index.php
阅读全文
浙公网安备 33010602011771号