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垂直公告滚动实现代码
复制代码 代码如下: <!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 Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
原项目地址:http://plugins.jquery.com/project/pagination版本:v1.2源文件下载:英文原版 或中文翻译修改版 一.相关demo 基本demo页面 Ajax demo页面 参数可编辑demo页面二.简介与说明 此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢. 原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改版中我对其进行了优化,使其支持tex
-
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 单行滚动、批量多行滚动、文字图片翻屏滚动效果代码
以下代码,运行后,需要刷新下,才能加载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的公告无限循环滚动实现代码
在线演示: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学习笔记 实现图片翻转效果和TAB标签切换效果第1/2页
所以自己也下了一个来学习,把之前写的几个JS代码都转换成JQuery,既能保证代码的清晰,也保证了代码的通用性,真是一举两得啊,由于是初学者,所以代码有许多的不足,还请大家多多指正:)1.实现图片翻转效果,DW本身提供了这个功能,不过还是自己写的好用,呵呵.之前写的方式比较麻烦,代码也比较乱,用JQuery改造后可以使其更加清晰,核心代码如下: JS代码 复制代码 代码如下: <script type="text/javascript"> <!-- $(documen
-
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插件iScroll实现下拉刷新,滚动翻页特效
JQuery插件:iScroll 页面布局: <div id="wrapper"> <div id="scroller"> <div id="pullDown"> <span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span> <
随机推荐
- 详解VirtualBox中与主机共享文件夹的方法(图文)
- 零基础易语言入门教程(五)之逻辑型数据类型
- PHP网页 Ewebeditor 编辑器嵌入方法
- js文件中直接alert()中文出来的是乱码的解决方法
- Dreamweaver经典问题45条第1/5页
- mybatis中注解映射SQL示例代码
- C#使用NPOI导入Excel的方法详解
- Python中shutil模块的学习笔记教程
- canvas红包照片实例分享
- Ubuntu 如何建立Matlab快捷方式
- 使用python编写批量卸载手机中安装的android应用脚本
- java中将汉字转换成拼音的实现代码
- Linux VPS 计划任务crond命令的使用方法分享
- Android实现编程修改手机静态IP的方法
- 15个小时----从修改程序到自己些程序
- 基于Silverlight DataGrid中无代码设置开始与结束日期DatePicker的实现方法
- php 函数使用可变数量的参数方法
- 解析C++中的虚拟函数及其静态类型和动态类型
- Vue中自定义全局组件的实现方法
- Python之reload流程实例代码解析