پلاگین جی کوئری انیمیشن پس زمینه ویو
سلام
jquery waves یک کتابخانه جاوا اسکریپتی بر پایه jquery است که برای ایجاد انیمیشن های wave در طراحی وب مورد استفاده قرار میگیره.
خب اول از همه برای اینکه بتونید بهتر متوجه بشید میتونید پیش نمایش این پلاگین تو سایت ما (آی وب پرو) ببینید.
نحوه استفاده از این پلاگین
اضافه کردن فایل های ضروری جاوا اسکریپتی :
۱ ۲ | <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TweenMax.min.js"></script> |
ایجاد المنت svg
۱ ۲ ۳ | <svg width="۱۰۰%" height="۱۰۰%" version="۱.۱" xmlns="http://www.w3.org/2000/svg" id="example"> <path id="myWave" d=""></path> </svg |
فراخوانی و فعال کردن :
۱ | $('#myWave').drawWaves(); |
کانفیگ های اضافی :
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ | $('#myWave').drawWaves({ // defaults container: 'body', color: '#۳۳ABF9', height: ۲۰۰, waveDelta: ۱۰۰, wavePoints: ۳, speed: .۱۵ }); |
خب امیدوارم که از این کتابخونه برای قنشگی سایت و پروژه هاتون استفاده کنید ولدت ببرید .
