ajax-简单参数方法实现阴影效果

注：

简单参数
（按照参数的数量和位置传递参数）
使用时按照位置、数量传递

shadow.js函数

//简单参数实现方式/** slices:阴影* opacity:透明度* zIndex:层级* */jQuery.fn.shadow_simple = function (slices,opacity,zIndex) {    //获取到每个已封装的元素    //this表示jQuery对象    this.each(function () {        $obj = $(this);//将遍历出来的元素转换成jQuery对象        //更改i的值：10 20都可以，能够改变阴影效果        for (var i = 0; i <slices; i++) {            var $newObj = $obj.clone();//克隆出来5个新的对象            //确定元素的位置。使用绝对定位，设置top和left的值偏移量大小决定最终的阴影位置            $newObj.css({                position: "absolute",                top: $obj.offset().top + i,                left: $obj.offset().left + i,                zIndex: zIndex,                margin: 0,                opacity: opacity            }).appendTo("body");        }    });}

html:

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>demo</title>    <script src="js/jquery.min.js"></script>    <script src="js/shadow.js"></script>    <script>        $(document).ready(function(){//           $("h1").shadow();//调用对象方法的效果            $("h1").shadow_simple(7,0.3,-1);//调用简单参数实现效果,用户自己传递参数        });    </script></head><body><h1>Hello My Name Is Anny</h1></body></html>

转载于:https://www.cnblogs.com/LindaBlog/p/9266584.html

ajax-简单参数方法实现阴影效果相关推荐

jq ajax简单使用方法
json {"list": [{"id": 1,"img": "mobile_img/img.png","ti ...
php全选删除,php+ajax简单实现全选删除的方法
本文实例讲述了php+ajax简单实现全选删除的方法.分享给大家供大家参考,具体如下: 删除 ↑全选checkbox ↑为删除项,同一命名class为ckb,方便操作,同时将id值巧妙的放入input ...
js:ajax的get方法实现简单的搜索框提示
效果演示: 一,使用nodejs搭建后台环境,通过ajax的get方法将文本框中的值,实时传输到后台进行比较,后台返回相应的结果,将结果返回到ul中 1,创建路由 app4.js /*** Creat ...
【深度学习】Weight Normalization: 一种简单的加速深度网络训练的重参数方法
前言:为什么要Normalization 深度学习是一种在给定数据的情况下,学习求解目标函数最小化或者最大化的模型.在深度网络中,模型参数往往包含了大量的weights和biases.在求解优化模型的 ...
ajax传递参数给springmvc总结[转]
通过ajax传递参数给springmvc,经常会因为参数类型太复杂,或者根本不知道springmvc都支持哪些类型转换,导致后台接收出现各种问题.如果书写格式没有问题仍然接受参数报错,大部分是因为s ...
js中的json ajax,js结合json实现ajax简单实例
这篇文章主要为大家详细介绍了js结合json实现ajax简单实例的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下前期准备 1.安装wampserver或者其他相似软件来搭建本地集成安装环 ...
ajax默认什么方法,ajax设置默认值ajaxSetup()方法
$(function(){ //设置全局 jQuery Ajax全局参数 $.ajaxSetup({ type:"POST", async:false, cache:false, ...
实战：ajax带参数请求slim API
restful api 支持get,post,put,delete等方法,那么jquery客户端怎么去实现呢?涉及到跨域又怎么办? 很多时候需要传递一个token(api_key) 去识别用户身份,获 ...
ajax请求到参数太大获取参数失败问题,Ajax请求参数较长导致请求失败
Ajax请求参数比较长,第5行参数大概1100个字符吧,是接口的请求报文. $.ajax({ type:"POST", url:"${ctx}/test.action?m ...

ajax-简单参数方法实现阴影效果

ajax-简单参数方法实现阴影效果相关推荐

最新文章

热门文章