代码如下: jQuery实现浮动层跟随页面滚动效果 #main{height:2000px} .demo{width:180px; height:250px; margin:10px; border:2px solid #ccc; background:#eee; padding:10px; } #demo1{position:relative; margin-top:-290px;} #demo2{position:absolute; margin-top:156px; right:10px;} .demo a{text-decoration:underline; cursor:pointer} .demo h3{font-size:14px} .demo p{line-height:20px} $(function(){ $(...
准备工作为了更好的演示本例，我们需要一个数据表，记录需要的功能说明及开启状态，表结构如下：代码如下:CREATE TABLE `pro` ( `id` int(11) NOT NULL auto_increment, `title` varchar(50) NOT NULL, `description` varchar(200) NOT NULL, `status` tinyint(1) NOT NULL default 0, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8; 你可以向表中pro插入几条数据。 index.php 我们要在页面显示相关...
如下所示： 代码如下: Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例 .map img { width: 496px; height: 415px; } .mapDiv { width: 140px; height: 61px; padding: 5px; color: #369; background: url('Images/dialge.gif') no-repeat; position: absolute; ...
代码如下: Jquery的Tabs内容轮换效果实现代码,几行搞定 * { margin:0; padding:0;} body { font:12px Verdana, Geneva, sans-serif; color:#404040;} .tabs { margin:10px 0 0 20px; width:360px; position:relative; overflow:hidden; height:1%; height:160px;} .tabs span { z-index:2; font-size:12px; border:1px solid #d5d5d5; width:95px; height:25px; line-heigh...
今天帮朋友写了一些代码,自己觉得写着写着，好几个版本以后，有点满意，于是就贴出来。 都是定死了的。因为需求就只有4个元素。如果是要用CSS的class来处理，那就需要用到CSS3动画了。 功能 : 在上方的按钮上滑动，可以切换各个page,点击下方的各个page，也可以切换收缩还是展开状态。 初始效果预览 代码如下: CSS+jQuery动画效果 body{ z-index: 0; width: 100%; min-height: 400px; } .pages{ position: absolute; } ....
代码如下:遮罩演练 ++++ 确定 取消 $(document).ready(function(){ $('.fun').on('click',function(){ console.log('fun click'); showAddTopic(function(val){ console.log(val); }); }); }); shadow.js 代码如下:shadow_list=[];function showAddTopic(cb)...
代码如下:$(document).ready(function() { $.fn.fullpage({ slidesColor: ['#fff', '#fff', '#fff', '#fff', '#fff'], anchors: ['page1', 'page2', 'page3', 'page4', 'page5'], menu: '#menu' });});JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态...
代码如下: #divTips{ filter:alpha(opacity=30); /*IE滤镜，透明度50%*/ -moz-opacity:0.3; /*Firefox私有，透明度50%*/ opacity:0.3;/*其他，透明度50%*/ position: absolute;width: 600px; height: 400px;display:none;color:red;z-index:10;padding:10px; } $(function () { var $txtNote = $("#txtNote"); var $...
代码如下: "http://www.w3.org/TR/html4/strict.dtd"> jQuery背景墙聚光灯效果代码 $(window).load(function(){ var spotlight = { // the opacity of the "transparent" images - change it if you like opacity : 0.2,/*the vars bellow are for width and height of the images so we can make the same size */ imgWidth : $('.spotlightWrapper ul li').find('img').width(), imgHeight : $('.spot...
弹出层在实际应用中我们经常会碰到大量的弹出层效果，下面我来做一个基于jquery的简单的弹出层效果实例，各位朋友有兴趣可参考。 效果代码如下： 在 弹出层 中下面是核心代码 代码如下:// 渐变弹出层$(document).ready(function(){ var speed = 600;//动画速度 $("#race a").click(function(event){//绑定事件处理 event.stopPropagation(); var offset = $(event.target).offset();//取消事件冒泡 $("#racePop").css({ top:of...
jquery实现弹出层完美居中效果 代码如下:showDiv($("#pop"));function showDiv(obj){ $(obj).show(); center(obj); $(window).scroll(function(){ center(obj); }); $(window).resize(function(){ center(obj); }); } function center(obj){ var windowWidth = document.documentElement.clientWidth; var windowHeight = document.documentElement.clientHeight; var popupHeight = $(obj).height(); var popupWidth =...
代码如下:";var content4 = "高级搜索"; T$(click_test4).onclick = function() { //其中click_test4是上面的按钮id //content4为要显示的div上面的内容 TINY.box.show(content4, 0, 350, 250, 0); };另外支持的js文件下载地址：点击下载
主要用于运维系统， 对界面要求不高的场合。 深深感到自己页面设计能力弱爆了，只能借鉴一下了， 交互逻辑还可以胜任一点。 直接贴代码: 1. HTML 页面及 JS 交互， 注意引入 Jquery 文件 代码如下: 两级导航菜单的示例 var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"] function showtime() { var date = new Date(); var yy = date.getYear(); if (yy yy = yy + 1900; } var MM = d...
代码如下: 看看间断滚动文字 央视315曝光: 华润深陷“海砂门”回应澄而未清 吉野家被曝餐具不消毒 波司登等羊绒衫不含羊绒 无锡警方公布“待产女警突发不幸”事发经过 中国人一天：最后的轮渡 视界：在家“搞定” 代码如下: .infolist{width:400px;matgin:0;} .infolist ul{margin:0;padding:0;} .infolist ul li{list-style:none;height:26px;line-height:26px;} .infocontent{width:400px;height:26px;overflow:hidd...
弹出层效果很多网站上都用到，今天就整理最近项目里用到的一个小效果，点击折叠弹出一个层给用户填写信息。弹出层代码都是jq动态创建，每个人写法都不一样，需求也不一样，所有选择符合自已的即可。 html： 代码如下: 我要报名 代码如下: *{ margin:0; padding:0;} body{ font:14px Microsoft YaHei; color:#555;} li{ list-style:none;} .layer_bg{ position:fixed; top:0; left:0; width:100%; height:100%; background:#000;...