Plugin Introduction in jQuery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/Plugin_Introduction_Tutorial.css">
<title>Plugin Introduction</title>
</head>
<body>
<h1>jQuery ScrollUp Plugin</h1><br><br><br><br>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Modi qui consequatur odio dolorum voluptatem veritatis
dolore voluptate harum. Rerum, quod laudantium. Expedita distinctio officia eaque dignissimos. Excepturi quasi
libero omnis quis nulla. In iusto officia corrupti sapiente voluptatum? Cum temporibus quas maxime numquam?
Nulla fugit, consectetur quos sint quaerat numquam nam veniam similique reiciendis natus aspernatur enim,
molestias, quis aperiam! Facilis tempore ea neque iusto temporibus. Iste neque quia magni quo quae doloribus
minima aliquid voluptatibus, laboriosam, soluta cumque, odit et commodi dolor tempore. Commodi, voluptatum fugit
omnis nisi excepturi, magnam nemo totam doloribus officiis corporis voluptas quas non dolores eligendi
doloremque, quod eos nobis perferendis inventore tempore rerum. Expedita corporis quo quaerat impedit placeat
qui neque atque distinctio dolorum voluptatum maxime aliquid enim, illum nemo commodi asperiores repellendus hic
tempora quis minus ea facere debitis accusantium. Enim temporibus id fugiat, hic minus ab voluptate assumenda
sunt ut aut! Mollitia delectus nemo fuga explicabo ipsa nisi nostrum consequuntur vitae id optio facilis
voluptatibus, incidunt sequi, saepe, fugit non? Nobis voluptates beatae facere officiis excepturi consectetur
suscipit, maiores cum totam a minima culpa at reiciendis nam dignissimos asperiores debitis temporibus
repellendus mollitia delectus necessitatibus. Quia quisquam alias deleniti voluptate repellat enim, aut
consequuntur laboriosam debitis odio minima iusto asperiores commodi veritatis beatae. Iure labore dicta
repudiandae unde consectetur quae ut, illo, ipsam aliquam fugiat magni. Possimus iure, dignissimos voluptates
assumenda dolor omnis illum veniam repellat similique reiciendis quis id velit vitae dolores illo esse
blanditiis recusandae hic et eligendi quo voluptatum eius incidunt? Animi officia facere consequatur pariatur
quaerat harum impedit illum similique modi earum nemo rerum debitis vitae beatae, deleniti enim laudantium
dolorem est. Autem repudiandae, totam nesciunt aspernatur aut maxime eligendi doloribus voluptas, et minus
consequatur eos, nemo amet? Perspiciatis nesciunt quia illo error, est suscipit tempore optio dignissimos
tempora corporis delectus voluptatum, ducimus, asperiores explicabo officia voluptatem? Sint dolore enim
voluptates reiciendis, laudantium officia consectetur eaque totam nulla eum ratione, pariatur deserunt, magni
recusandae magnam natus delectus quia rem sed aliquid. Minus, qui consequuntur earum laborum, itaque cum eius
maxime id voluptatem enim atque rem unde autem ipsa accusantium sint facere quos maiores dicta nemo non
provident iure sequi molestias. Assumenda aut ut perspiciatis, laborum voluptas porro, itaque ipsam obcaecati
quisquam saepe iure ratione aperiam ad ab! Aut itaque, asperiores fuga dolores eveniet praesentium aliquam,
debitis provident inventore harum quidem nisi recusandae facere, velit impedit a rem adipisci similique facilis
ducimus. Ad nihil dolores saepe, modi reiciendis nemo eum, quam at nulla consequuntur mollitia magnam est culpa!
Dolorum natus voluptatem veniam officia debitis ipsum quibusdam. Ullam aspernatur odio iure modi ab? Placeat,
minus rem. Sunt nulla tempore illum quia et voluptas repudiandae dicta voluptates itaque magnam. Praesentium
commodi quae voluptatibus sint hic libero ut harum amet distinctio porro labore molestiae in placeat blanditiis
architecto sit, sed non eius beatae optio ratione. Neque alias impedit deserunt, tenetur aliquid voluptatem
doloremque dolore culpa tempora optio eius recusandae odit? Inventore recusandae corrupti soluta eum est iste
sapiente excepturi earum, quis reiciendis?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore adipisci asperiores aut, mollitia voluptatibus
cum fugit doloribus ipsa excepturi illo quas consequuntur cumque necessitatibus explicabo quaerat placeat neque
at ipsum ex esse tenetur optio quos porro! Eveniet dicta nulla voluptatem facilis dolore ut eos iste magnam
magni officia minus libero, quisquam amet asperiores similique quos quam, obcaecati sunt enim at tenetur
incidunt, perspiciatis esse! Esse dolores minima tempore magnam facilis repellat, mollitia labore, ipsa
obcaecati est error laudantium itaque nihil expedita? Quo tempora eaque voluptas ab minima facere aut nostrum ea
tempore? Placeat, dolores quas! Ab quas maiores, expedita modi voluptatibus pariatur dicta totam nihil quis
corporis accusamus veritatis vel dolorem similique? Sit iure vero fuga officia, sapiente dolorem. Delectus ipsum
tempora alias molestias. Laudantium accusamus vero in perspiciatis. Consectetur, nihil. In nesciunt at sequi
perferendis non saepe error obcaecati similique doloribus. Saepe eveniet consectetur laboriosam tenetur dicta
reprehenderit sunt veniam alias cumque, odit unde, sint voluptate neque hic eos natus. Porro hic in, sit error
accusamus a? Est voluptatum at laborum temporibus recusandae tempora, voluptates maxime accusantium consequatur
quibusdam expedita! Tenetur numquam libero placeat temporibus minus, hic corporis eveniet ex nulla ratione
veritatis est. Deleniti ipsum repellat a debitis velit recusandae. Maxime commodi nemo, accusantium dolor sequi
eos expedita excepturi, aliquam, nobis facilis fuga suscipit dolores illo! Repudiandae sunt doloribus recusandae
necessitatibus. Culpa ad ex odit! Magni ipsa voluptatibus pariatur dolores rerum vel, necessitatibus hic
suscipit, eius quasi id incidunt quisquam! Magni dolorem quo at? Quidem dolores inventore vel placeat, non
tempora quis eos laboriosam numquam impedit vero aliquam iure. Sunt laborum minima, ipsa quas ratione id cumque
dolore eligendi iusto, velit explicabo animi amet. Voluptates illum repellat maxime corporis deleniti.
Reiciendis iusto quas reprehenderit, ut obcaecati aperiam molestias officiis, tempora iure deserunt ratione
laborum recusandae eius. Minus eos molestias quidem animi harum in accusamus consequuntur hic, placeat impedit
dignissimos quae expedita, rerum exercitationem. Porro eius sapiente culpa voluptate facere expedita saepe
blanditiis, autem ratione nemo aut quam consequuntur sunt voluptas maxime eaque, dolorem nesciunt. Aliquid quasi
modi autem, laboriosam distinctio quidem, sapiente illo sunt commodi ullam fugit amet minima, repudiandae
laborum dolorum vel qui asperiores! Vero nam minima tempora eum odio nobis, nostrum voluptas totam eligendi
eveniet odit, laboriosam, veritatis quibusdam tempore eius officiis quia! Debitis sequi exercitationem, ipsa nam
sint hic accusamus voluptas aliquam facilis cupiditate minima qui iste quasi tempora quam atque, consequuntur ab
in eos. Atque ipsa libero magnam nobis, architecto ad tenetur recusandae velit quas officia et vel saepe nulla
praesentium similique, qui sint repudiandae pariatur assumenda beatae voluptate vero inventore animi odit?
Adipisci molestiae perferendis fugit magni error a, cum fugiat omnis ex! Repellat, delectus veritatis saepe
repudiandae voluptatibus aut sit. In aliquam quam nihil sint nam, architecto ipsa dolorum totam cum id eveniet
aspernatur expedita blanditiis repellendus, et accusantium tenetur magnam sit aut cumque? Nesciunt rerum
perspiciatis soluta veritatis, autem porro error ipsa sed est itaque, enim voluptatem temporibus illum quidem
velit qui aliquam commodi consequatur eaque! Soluta perferendis officia reprehenderit alias!</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repudiandae quisquam obcaecati nesciunt esse est
voluptates ut aliquid magnam alias, amet dignissimos quasi, veritatis voluptatum minus error, perspiciatis eos!
Voluptate, voluptatem consequuntur. Illo accusamus natus saepe, accusantium aspernatur praesentium iure
necessitatibus repellat quasi cupiditate possimus voluptas eius pariatur eaque sapiente minima! Voluptatum sequi
omnis facere nobis, ea incidunt praesentium blanditiis quia adipisci cumque, culpa necessitatibus consequatur
rerum fuga dignissimos consequuntur cum repudiandae minima temporibus magnam fugit? Odio perspiciatis, labore
pariatur cumque illo obcaecati iste fugiat facilis voluptatem ipsam incidunt atque sapiente autem corrupti!
Odio, voluptate enim fuga suscipit repellat quidem natus iste quae, consequuntur delectus excepturi iusto
voluptates culpa amet quia veniam odit, quo cum assumenda aspernatur tempore. Magnam voluptatum fugiat nostrum
tenetur provident, aut at assumenda cum, corrupti fugit repudiandae est excepturi exercitationem autem mollitia,
quam nobis quidem? Quasi, voluptatum molestias minus rerum doloremque aut ipsam tempora voluptate. Sapiente
inventore, blanditiis, aut, adipisci sint molestiae minima possimus alias nobis assumenda animi doloremque quis
deserunt architecto fugiat quidem sunt explicabo iure harum delectus reprehenderit nesciunt vel porro. Provident
voluptatibus impedit quae, ipsam perferendis hic odio minus ullam tempora, animi ratione eligendi, dolor nisi?
Consequatur expedita cupiditate eligendi sequi sed autem velit doloribus aperiam eius neque ratione illo
perferendis, a, nisi quasi sit molestiae tempore quidem quo. Error natus dolorem delectus ex eos, modi,
cupiditate laboriosam quibusdam, laborum ipsa rem est iure? Similique sapiente magnam illo. Vero veniam a
repudiandae nemo perferendis ex nam praesentium eos sunt suscipit velit, ad nostrum iure amet dolorum, nihil
nobis? Expedita quam necessitatibus nam commodi quo possimus sit, culpa veniam veritatis quos doloremque
consequatur placeat dolore facilis magnam autem ea laudantium accusamus molestias! Natus quibusdam molestiae
quidem praesentium non esse dolorum repellat facilis illo similique est, repellendus sint ad nostrum iste
doloribus! Quam ut sequi expedita, placeat assumenda, at autem obcaecati saepe a numquam nesciunt eligendi!
Ipsum exercitationem sint ab pariatur, esse ipsam omnis quia dignissimos necessitatibus impedit nemo iure minima
sequi molestias quaerat a veritatis commodi harum doloribus quae ipsa distinctio sunt dolorum in? Totam maxime
sint expedita? Asperiores quibusdam voluptatum ipsam excepturi iste pariatur officia. Praesentium, debitis!
Voluptatibus corporis assumenda, impedit at accusamus magni reiciendis nostrum sint laborum modi illo,
necessitatibus et. Quod laborum temporibus assumenda nihil non. Totam asperiores non sapiente velit autem
praesentium porro incidunt suscipit ut voluptatem itaque, officiis ipsam debitis explicabo cupiditate in illo,
eligendi at. Soluta necessitatibus possimus nemo hic, sint aut ad deserunt placeat qui consequatur inventore
labore dolorum illum praesentium vero dolore corporis excepturi veritatis quaerat rem at nobis facere, fuga
nisi. Saepe asperiores fugit quas architecto eligendi blanditiis, ullam laboriosam inventore placeat, fuga,
suscipit error! Labore recusandae itaque odit minus blanditiis ipsa provident illum ducimus aliquid fuga,
suscipit libero neque quas laudantium quis soluta alias cum incidunt eius, totam odio. Quae consequuntur et
aliquam fugiat culpa itaque at eligendi libero doloribus quos, excepturi tenetur, suscipit quisquam! Enim, ipsum
eaque voluptas et nesciunt iure facilis qui? Officia sit quis assumenda porro voluptates dolorem temporibus quos
ea delectus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum labore eum iure tenetur voluptas, cupiditate
beatae asperiores et consectetur possimus sed commodi, temporibus aliquam? Rerum modi fuga quae ad, distinctio
quo odit esse nemo sequi, ea sed officia commodi a eaque nostrum officiis iste veniam quos necessitatibus
expedita. Modi excepturi corporis quos? Distinctio ea eos autem doloremque vel non dignissimos eius ab facere
nesciunt fuga error tempora similique cumque labore, quidem sed. Est, nobis? Eligendi aliquam, dolore, enim,
error nostrum earum nam voluptas consequatur dolor quo numquam cum! Tempore minima illo expedita, perferendis
temporibus esse unde dolores harum sequi officia at eveniet eligendi molestiae deserunt sunt nam necessitatibus
itaque veniam ut earum voluptas fuga, odit praesentium! Voluptatem id assumenda quasi? Temporibus saepe minus,
eius ipsam perferendis minima amet officia alias soluta tempora quos inventore nam quae voluptatibus, id quod
sed laboriosam delectus architecto ab corporis ut. Velit distinctio recusandae, dolorum sunt sit ullam eum
eveniet tenetur minus cumque excepturi vero nihil explicabo iure pariatur eligendi repellat. Suscipit, dolorum
architecto! Placeat adipisci amet deserunt! Quod ducimus modi nulla. Expedita distinctio facere illo at
repudiandae, ab modi quaerat quidem neque officiis voluptates nulla labore vel odit repellat suscipit ullam
error fuga iste velit consequatur similique recusandae! Tempore quaerat soluta animi nam perferendis dolorum
illum, recusandae reprehenderit ut debitis harum consequatur, velit dolor odio ducimus accusamus excepturi
distinctio, alias natus tenetur iure magni tempora quia obcaecati! Qui, velit quam consectetur animi blanditiis
rerum fugit error perspiciatis eos. Tempore eos ipsam aliquam aliquid enim reprehenderit praesentium hic nihil
corporis. Pariatur nisi consequuntur, animi enim molestias reprehenderit tempora obcaecati laborum minus
voluptatibus, debitis a ratione. Nemo natus minima eum aut illo similique assumenda enim est! Expedita
perferendis accusamus tempora qui quo nemo reiciendis pariatur ratione aliquam quis. Et quis nam quo inventore.
Iure totam consectetur inventore deserunt quod architecto vero consequuntur veritatis deleniti ad culpa, maxime
atque nulla minus velit reiciendis perferendis dolorem eos rerum temporibus. Similique provident nesciunt atque
nostrum eum laboriosam itaque corrupti tempore molestiae placeat! Illo ipsa deleniti possimus autem expedita
veritatis voluptatibus non aliquid adipisci fugit perferendis reiciendis odio enim veniam recusandae facere
suscipit quia, laudantium dolorem accusantium rerum. Corporis ut eius dolorum quaerat repellat vel qui aliquid a
et mollitia ipsam sit nesciunt, rem quis nemo laudantium deleniti exercitationem quod autem suscipit odit
commodi amet quo doloremque. Maxime consequatur quo, omnis soluta iusto illo reiciendis ea voluptates fugit
minus aliquid placeat tempora. Esse commodi tempore ullam adipisci fugit! Error, voluptate possimus a sunt
tempore harum officiis impedit officia vitae. Esse, molestiae cum provident quis suscipit eligendi possimus
quibusdam. Tempore aspernatur temporibus esse est maxime ipsum obcaecati voluptate nemo culpa placeat accusamus
architecto animi saepe molestias, vitae error nobis facere atque consectetur aperiam voluptatum dolor cum?
Nostrum quasi maiores laudantium ullam doloremque quidem autem dignissimos odit aliquam vero, a hic dicta beatae
sed quod delectus quos recusandae! Accusamus soluta mollitia, porro rerum in, voluptatibus optio quis laboriosam
natus reprehenderit cupiditate ad nostrum earum harum nam, adipisci itaque commodi nobis inventore ullam!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi commodi natus amet obcaecati maiores debitis
voluptatum, ullam molestiae provident consequatur. Fuga non numquam rem dicta nisi commodi, voluptates, hic
officia labore omnis ea aliquid accusamus fugiat voluptatibus molestias. Unde porro ab, mollitia labore
consectetur itaque sunt temporibus rem voluptates neque aspernatur velit excepturi enim ducimus! Repellendus
dolorum, excepturi vel aperiam modi expedita. Dolores cum deleniti perspiciatis velit, quibusdam voluptatem
dicta necessitatibus voluptatum sequi. Incidunt quod accusantium fugiat eveniet dolorem odio, labore quia!
Facere maxime ullam, beatae sapiente voluptates sed eius dolorem placeat hic vitae cumque quo dignissimos
doloremque velit necessitatibus sit labore tenetur exercitationem animi? Doloremque, magnam facere? Cum saepe,
culpa possimus iste dolor consequuntur eligendi incidunt facilis enim fugit maxime quos corrupti, quod non nemo
sapiente odit aut libero dignissimos, nihil et. Est animi sapiente odio, maiores numquam placeat illum magni
aliquam ipsum? Tenetur minus voluptate quam doloribus asperiores? Officia minima numquam ipsam aut et beatae
incidunt voluptatibus. Facere, saepe? Voluptates in dignissimos maxime sit voluptate minus explicabo, fuga, esse
adipisci accusamus molestias! Fugiat veniam aliquid accusamus ut, incidunt repudiandae quod quasi doloremque
beatae vitae ipsa alias fuga soluta rerum, tenetur animi quidem deserunt nam illum et ex ducimus magni.
Praesentium commodi accusamus ea sed minima suscipit, sunt, expedita recusandae odit fuga reprehenderit
obcaecati! Fugiat ratione quaerat, reprehenderit quasi nemo, iusto minima ullam sequi nesciunt cupiditate
deleniti aliquam! Facilis, natus sint quis necessitatibus ab cupiditate beatae exercitationem veritatis,
consequatur fugit eum. Quaerat nam commodi impedit numquam, ducimus incidunt provident culpa consectetur
voluptate quae quibusdam ex magni ad inventore. Facilis, tempore! Quaerat sapiente quibusdam, dolorem modi aut
labore repudiandae nulla quam? Dolores quis eligendi assumenda nemo hic molestias repellat dignissimos mollitia,
alias aperiam aliquid quos laborum? Recusandae nisi ut ipsum fuga eveniet saepe laboriosam tenetur libero
exercitationem, inventore, odio dicta unde velit dolor mollitia! Doloremque sapiente ad quisquam voluptates,
earum ex facilis odio hic laboriosam natus, voluptatem non eum illum itaque, fugiat harum facere accusantium
placeat exercitationem quo perferendis? Tempore, consequatur iure id itaque sunt voluptatibus alias repellat.
Animi molestias excepturi omnis consequuntur sequi a, aliquam tempora quae vero, consectetur architecto nobis?
Deleniti, molestias? Deserunt quos perspiciatis ratione quisquam illum delectus at. Reiciendis adipisci eum
saepe. Reiciendis vero natus temporibus similique, cum voluptate nesciunt asperiores perferendis cupiditate
quibusdam blanditiis repudiandae et dolore necessitatibus a veritatis velit quisquam eaque cumque enim ipsa
laboriosam quaerat veniam? Facilis, soluta quas odit quos itaque, aut adipisci eveniet harum reprehenderit velit
consectetur, ex hic doloribus neque? Mollitia laudantium est laboriosam suscipit, omnis asperiores quia
voluptas. Dolorum labore, atque ea distinctio ratione saepe molestiae deserunt perspiciatis cumque, consequatur
voluptatem officiis voluptatum perferendis placeat adipisci quidem ducimus itaque eaque vero explicabo totam
culpa illum. Adipisci quia ex, inventore sapiente nemo aut libero. Officiis dicta sapiente voluptatem a ipsam
quisquam minima magnam assumenda! Vitae tempore aliquid placeat commodi quisquam officiis ipsum repellendus
doloremque enim perspiciatis quis nihil voluptatum ullam magnam harum corrupti quasi consequuntur amet odit,
sequi, itaque numquam assumenda autem. Fugiat cum quos dolore soluta sunt laborum aperiam, dignissimos ipsum
voluptas molestias recusandae error omnis labore nisi commodi illum atque odio sint magni quasi nemo ipsa
quibusdam? Cupiditate unde nesciunt ipsam voluptate, repudiandae doloremque voluptates vitae aut consectetur
rerum impedit asperiores sapiente alias quod, voluptatem velit officiis? Officia, nihil voluptatem! Magni
ducimus in a ipsam, dolorum voluptatibus earum eveniet illo fugiat ullam, ipsa pariatur tempore repudiandae.
Sequi, totam hic quod odit facere illum, atque excepturi similique ea commodi quis officia sunt ullam culpa? Hic
debitis tempora accusamus nesciunt voluptas maxime praesentium suscipit quam itaque, officiis error porro
consequuntur dolor. Reprehenderit debitis explicabo fugiat et adipisci labore! Tempore, amet! Ut animi
accusantium quia earum iusto. Quod libero omnis vitae porro corporis. Repellendus sed odit voluptates
voluptatibus vero libero, voluptas soluta illum vitae. Vero deserunt praesentium quis minima dolorem at. Ab
fugit accusamus reiciendis quo saepe omnis magni quis, modi sed mollitia repudiandae, neque enim quam et
officiis possimus repellendus nesciunt, distinctio illo maiores. Pariatur, aut, quaerat est dignissimos odit,
omnis blanditiis consequatur suscipit consectetur delectus excepturi exercitationem. Fugit, aut obcaecati cum
totam vel commodi blanditiis eaque sed voluptate fuga soluta corporis sapiente a incidunt est inventore ex
tempore repellendus possimus, impedit, ut porro corrupti. Assumenda nemo expedita laboriosam possimus distinctio
soluta enim alias deleniti nisi labore, magni mollitia adipisci cumque et. Delectus magnam maxime saepe sapiente
perspiciatis totam, alias cum, debitis expedita esse ad ipsum exercitationem necessitatibus dolorem culpa
reiciendis! Nemo libero aliquid in non. Ullam ex harum assumenda at, id dolor libero quidem, similique possimus
minima repellendus! Nemo, nisi autem cumque deleniti hic cupiditate consequuntur, corrupti id repudiandae
doloribus impedit enim neque recusandae officia vero magni amet provident? Voluptates dicta minus nobis commodi
eos repellendus, illum corporis in laboriosam numquam unde ipsam, quisquam quod quis expedita consequatur
minima. Voluptas alias molestias iusto. Iure perferendis ea blanditiis sequi?</p>
<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script>
$(function () {
$.scrollUp({
scrollDistance: 50, // Distance from top/bottom before showing element (px)
scrollSpeed: 1000, //1 Second = 1000 milliseconds, Speed back to top (ms)
scrollText: "Go to Top", // Text for element, can contain HTML
scrollImg: true // Set true to use image
});
});
</script>
<script>
// Why is jQuery Popular ?
//Short Selectors
//Variety of Animation Functions
//Easy DOM Manipulation
//Easy CSS Styling
//Easy DOM Traversing
//Category of jQuery Plugins :
//Accordions
//Charts & Graps
//Calender
//Drag & Drop
//Image Effects
//Maps
//Video & Audio Players
//Zoom effect
//Sliders
//Form Validations
//Tabs
//Popup Window
</script>
</body>
</html>
Below File is css/Plugin_Introduction_Tutorial.css File.
body {
font-family: arial;
}
h1 {
font-size: 35px;
text-align: center;
}
#scrollUp {
bottom: 20px;
right: 20px;
color: #fff;
text-decoration: none;
background-image: url(../Images/top.png);
height: 38px;
width: 38px;
}
.png)
.png)
.png)
.png)
Comments
Post a Comment