رفتن به مطلب

مشکل با focus active و ... | مبتدی


پست های پیشنهاد شده

سلام دوستان

من 4 تا آیکون دارم با 4 تا لینک متفاوت . مثلا آیکون اولی لینک #test ه . حالا میخوام وقتی روش کلیک شد، آیدی #test نمایشش بلاک شه .

ولی با این کد هر کاری میکنم این اتفاق نمیوفته


#test { display:none }
.footer { display:block }
.color-box:focus #test { display:block }
یا این
.color-box:focus .footer { display:block }
با فوکوس هم کار نمیده درست

مثلا یه چیزی مثه این

http://fmedias.com/surmoi/index.html

لینک به ارسال

سلام

این سایت با استفاده از جاوا اسکریپت این کار رو انجام داده

از دوستانی که با جاوا آشنایی دارن بپرسید تا راهنماییتون کنند.

لینک به ارسال

اگر درست فهمیده باشم :

شما میخواهید درون یک Id تغییراتی اعمال کنید مثل Hide به Block درسته ؟

با کتابخانه Jquery و JSشدنی هست

نمونه های زیر ببینید :

http://www.javascriptkit.com/javatutors/dom3.shtml

http://jsfiddle.net/tjNLM/


function swap(one, two) {
document.getElementById(one).style.display = 'block';
document.getElementById(two).style.display = 'none';
}

و...

شما خودتون میتونید تغییرات اعمال کنید :

http://stackoverflow.com/questions/21070101/show-hide-div-using-javascript

لینک به ارسال

اگر درست فهمیده باشم :

شما میخواهید درون یک Id تغییراتی اعمال کنید مثل Hide به Block درسته ؟

با کتابخانه Jquery و JSشدنی هست

نمونه های زیر ببینید :

http://www.javascrip...tors/dom3.shtml

http://jsfiddle.net/tjNLM/


function swap(one, two) {
document.getElementById(one).style.display = 'block';
document.getElementById(two).style.display = 'none';
}

و...

شما خودتون میتونید تغییرات اعمال کنید :

http://stackoverflow...sing-javascript

بله درسته

مثل این سایت من 4 تا آیکون زدم اینم کد هاش :


<div class="icon-boxes-header">
<a href="#profile"><div class="color-box green"><i class="fa fa-user greenshadow"></i><p>پروفایل</p></div></a>
<a href="#about"><div class="color-box orange"><i class="fa fa-file-text orangeshadow"></i><p>رزومه</p></div></a>
<a href="#about"><div class="color-box blue"><i class="fa fa-briefcase blueshadow"></i><p>نمونه کار ها</p></div></a>
<a href="#about"><div class="color-box pink"><i class="fa fa-paper-plane pinkshadow"></i><p>تماس با من</p></div></a>
</div>

.icon-boxes-header {
float: right;
display: inline-block;
width: 98%;
margin: 27px 90px 0px;
}
.color-box {
width: 115px;
height: 115px;
border-radius: 100%;
float: right;
margin-left: 148px;
margin-bottom: 10px;
overflow: hidden;
}
.green {
background: #B4EB82 none repeat scroll 0% 0%;
}
.orange {
background: #eb9664 none repeat scroll 0% 0%;
}
.blue {
background: #82d2f5 none repeat scroll 0% 0%;
}
.pink {
background: #f08282 none repeat scroll 0% 0%;
}
.color-box i {
font-size: 40px;
position: relative;
top: 34px;
z-index: 2;
color: #FFF;
opacity: 1;
transition: all 0.3s ease-in-out 0s;
}

حالا این کدی که شما دادین رو چطوری باید استفاده کنم ؟ چون من خیلی با جاوا و jquery آشنایی ندارم

ممنون

لینک به ارسال

دوستان خواهش میکنم یکی جواب بده

یعنی چی ! :huh:

همچین میگید یکی جواد بده انگار پاسخ داده نشده به این تاپیک تا به الان

شما همون لینک هایی که دادم میخوندید متوجه میشدید و اصلا نیازی به صبر کردن و گرفتن لقمه آماده از کسی نیست

قوانین انجمن 24 ساعت است اول بخونید بعد

شما 1 ظهر کدقرار دادید ساعت 9 شب اسپم آیا 24 ساعت شده یعنی ؟ ;)

لینک به ارسال

یعنی چی ! :huh:

همچین میگید یکی جواد بده انگار پاسخ داده نشده به این تاپیک تا به الان

شما همون لینک هایی که دادم میخوندید متوجه میشدید و اصلا نیازی به صبر کردن و گرفتن لقمه آماده از کسی نیست

قوانین انجمن 24 ساعت است اول بخونید بعد

شما 1 ظهر کدقرار دادید ساعت 9 شب اسپم آیا 24 ساعت شده یعنی ؟ ;)

سلام

من به سختی تونستم درستش کنم . چون اصلا با جاوا آشنایی نداشتم . ولی الان تو یه صفحه 4 تا آیکون دارم که وقتی کلیک میشن هر کدومشون یه باکس اختصاصی زیرشون باز میشه و اسکرول میاد پایین . اگه بخوام این اسکلرول یخورده نرم بیاد پایین باید چه کدی استفاده کنم ( اسکلرول یکدفعه میاد پایین ) ؟ توی جاوا کدی باید بزنم ؟

ویرایش شده توسط hcp90
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...