SVG فنری و انعطاف پذیر ( نمونه پنجم )

- visibility ۲ mode_comment

در این مطلب پنجمین نمونه از SVG فنری رو در اختیارتون میزارم.

در این مثال سه مربع در بالای صفحه وجود دارد که با کلیک بر روی X هر کدام ، حذف خواهد شد. همچنین در پایین یک شکل وجود داره که با کلیک بر روی Expand بزرگ میشه و با کلیک بر روی Compress به حالت اولیه خودش بر میگرده.

کدهای HTML :

در این مطلب از snap.svg-min.js و classie.js استفاده شده است.

کدهای CSS :

کدهای Javascript :

امیدوارم خوشتون اومده باشه.

موفق باشید. یا علی

Source

comment دیدگاه کاربران
alireza

با سلام…
من تازه کارم…
کد ها ی html و css رو کجای قالب باید کپی کنم؟ 🙁
لطفا جواب رو ایمیل کنید
با تشکر

محمد اسفندیاری

ببینید که میخواید این نمونه رو در کجای صفحتون قرار بدین ، بعد از اینکه این رو متوجه شدین ، کدهای HTML رو در همونجا Paste کنید و سپس کدهای CSS رو در فایل CSS خودتون و در کنار بقیه کدها قرار بدین……حالا نوبت به کدهای Javascript میرسه که باید اونا رو در کنار بقیه کدهای JS قرار بدین ، میتونین در فایل جداگونه ای هم قرار بدین و در انتهای کدهای HTML اونو لود کنید……در ضمن حتما باید از jQuery هم استفاده کنید
موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.