jquery 弹出公告功能代码
jquery 弹出公告
*{margin:0;padding:0;font-size:12px;}
li{float:left;width:100px;border:1px solid #ccc;list-style:none;text-align:center;}
h3{margin:20px auto;text-align:center;}
input{width:120px;height:30px;cursor:pointer;}
#notice{position:absolute;width:400px;padding:20px;background:#eee;border:1px solid #ccc;left:10px;top:10px;display:none;}
$(function(){
$('#open').click(function(){
$('#notice').slideDown();
$('#texta').val('豪情').select();
});
$('#closed').click(function(){
$('#notice').slideUp();
});
});
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
Jquery公告滚动+AJAX后台得到数据
aspx 复制代码 代码如下: <script src="http://www.cnblogs.com/js/jquery/jquery.js" type="text/javascript"></script> <script src="http://www.cnblogs.com/js/common/jquery.timers.js" type="text/javascript"><
-
JQuery插件iScroll实现下拉刷新,滚动翻页特效
JQuery插件:iScroll 页面布局: <div id="wrapper"> <div id="scroller"> <div id="pullDown"> <span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span> <
-
基于jQuery的公告无限循环滚动实现代码
在线演示:http://demo.jb51.net/js/2012/callboard/jQuery代码 复制代码 代码如下: //第二版:Newton改造 (function (win){ var callboarTimer; var callboard = $('#callboard'); var callboardUl = callboard.find('ul'); var callboardLi = callboard.find('li'); var liLen = callboard.
-
jquery垂直公告滚动实现代码
复制代码 代码如下: <!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=&qu
-
jquery实现公告翻滚效果
翻滚效果非常不错,代码也很简单,这里就不多废话了. 复制代码 代码如下: //样式文件: <style type="text/css"> * { margin: 0; padding: 0; } .scrollNews { width: 100%; height
-
jQuery实现公告文字左右滚动的实例代码
复制代码 代码如下: <!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="
-
jquery 单行滚动、批量多行滚动、文字图片翻屏滚动效果代码
以下代码,运行后,需要刷新下,才能加载jquery,要不然看不到效果.1.单行滚动效果 无标题文档 ul,li{margin:0;padding:0} #scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden} #scrollDiv li{height:25px;padding-left:10px;} function AutoScroll(obj){ $(obj).find
-
JQuery学习笔记 实现图片翻转效果和TAB标签切换效果第1/2页
所以自己也下了一个来学习,把之前写的几个JS代码都转换成JQuery,既能保证代码的清晰,也保证了代码的通用性,真是一举两得啊,由于是初学者,所以代码有许多的不足,还请大家多多指正:)1.实现图片翻转效果,DW本身提供了这个功能,不过还是自己写的好用,呵呵.之前写的方式比较麻烦,代码也比较乱,用JQuery改造后可以使其更加清晰,核心代码如下: JS代码 复制代码 代码如下: <script type="text/javascript"> <!-- $(documen
-
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
核心代码: 复制代码 代码如下: $(function(){ var timer = true; //执行向上或向下的开关 var liindex = 0; //LI的索引 var $div = $(".byc").find("div"); //每隔三秒执行一次变换LI的内容 var set1 = setInterval(function(){ ainbyc($div); liindex = 0; timer = !timer; },3000); //LI变换的方式
-
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
原项目地址:http://plugins.jquery.com/project/pagination版本:v1.2源文件下载:英文原版 或中文翻译修改版 一.相关demo 基本demo页面 Ajax demo页面 参数可编辑demo页面二.简介与说明 此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢. 原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改版中我对其进行了优化,使其支持tex
随机推荐
- JavaScript中判断两个字符串是否相等的方法
- 一天一个shell命令 linux文本操作系列-head,tail命令详解
- GOLANG版的冒泡排序和快速排序分享
- Vue组件选项props实例详解
- 基于JavaScript实现TAB标签效果
- java Socket UDP实例详解
- 在javascript中,如果删除二维数组中重复的元素
- Asp.NET 多层登陆实现代码
- 在ASP中使用均速分页法提高分页速度的方法
- C++解析Json的方法详解【jsoncpp】
- JavaScript中获取纯正的undefined的方法
- python处理圆角图片、圆形图片的例子
- Ruby常用文件操作方法
- 分享一个常用的Python模拟登陆类
- jquery对所有input type=text的控件赋值实现方法
- 基于jquery实现简单的手风琴特效
- 在线rss阅读聚合器lilina-0.7安装笔记
- IIS里的AJAX相关的设置
- java反射遍历实体类属性和类型,并赋值和获取值的简单方法
- java 中用split分割字符串,最后的空格等不被拆分的方法